• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Trying to change the size of the front page image for the Digital Pro

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Trying to change the size of the front page image for the Digital Pro

This topic is: not resolved

Tagged: digital pro

  • This topic has 4 replies, 4 voices, and was last updated 6 years, 10 months ago by camille.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 31, 2016 at 9:02 pm #190548
    Dave
    Member

    Hello Guys,

    I have been trying to change the front page image height for the Digital Pro theme and I can not get it to change,

    I have been trying to do it in the "wp-content/themes/digital-pro/js/front-page.js" as this seems to be the file controlling the image size. Would any one have any ideas on what to change. To same have the image height at 50 %.

    // Set front page 1 height
    var windowHeight = $( window ).height() - 90;

    $( '.front-page-1' ) .css({'height': windowHeight +'px'});

    $( window ).resize(function(){

    var windowHeight = $( window ).height();

    $( '.front-page-1' ) .css({'height': windowHeight +'px'});

    });

    Cheers.


    Please visit me at tsttechnology.com

    http://gosine.org/
    August 1, 2016 at 5:43 am #190566
    Victor Font
    Moderator

    Do you want it a fixed size or variable. The code you posted is getting the dimension directly from the browser window and adjusting the size dynamically. It initially sets the front-page-1 widget area to the height of the window minus 90 pixels. Then, if the window is resized, the image height is reset to the full height of the window. If you want the image to be 50% of the window height, you need to change both of the variable assignment lines to:

    var windowHeight = $( window ).height() * .5;


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    August 1, 2016 at 9:34 am #190578
    Dave
    Member

    Dear Victor,
    I would like to have a fixed height for the image. Around 700-800 px.

    I see what you are saying. I didn't even think about changing both of the variable. Let me give it a test and see what happens.
    Dave.


    Please visit me at tsttechnology.com

    November 17, 2016 at 6:50 am #196265
    Janiani
    Member

    Sorry to jump in here, but I did start a new thread at #196226 and haven't heard back, but probably haven't described it well enough there either. I want to use the Digital Pro 1600 x 1050 size but it's not behaving as it should.

    There appear to be two ways to load it and the instructions with the theme seem to suggest using both:

    Front Page 1 Widget Area

    Which I've tried and that doesn't work either.

    You can add the image through Widget-Text and then you get a white picture-frame style border or adding it through Appearances-Customise results in the image coming in too large and cutting areas off on all sides.

    Any suggestions please?

    January 29, 2017 at 5:15 pm #200232
    camille
    Member

    I just wanted to jump in and say thank you to Victor! Adjusting variable assignments & manually resizing my image did the trick nicely.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble