• 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

Changing size of front page image on Atmosphere 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 › Changing size of front page image on Atmosphere Pro

This topic is: not resolved

Tagged: Atmosphere Pro, front page 1

  • This topic has 7 replies, 3 voices, and was last updated 4 years, 7 months ago by allyson9.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 24, 2018 at 3:08 pm #216953
    Jackiejoh
    Participant

    Hi there,

    I'm hoping to change the size of the front page image. Any advice?

    Thanks so much,
    Jackie

    http://yourwordselectric.com
    February 24, 2018 at 3:30 pm #216955
    Brad Dalton
    Participant

    Look in js > front-page.js for .height() http://api.jquery.com/height/ which you can modify to control the .front-page-1 div using different methods like :

    .height(200)

    Get Help – Book Consultation.

    February 24, 2018 at 3:42 pm #216956
    Jackiejoh
    Participant

    Thanks Brandon,

    Just to confirm,

    Would I change all the "WindowHeight" in the following:

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

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

    $( window ).resize(function(){

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

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

    });

    // Local Scroll Speed
    $.localScroll({
    duration: 750
    });

    });

    February 24, 2018 at 4:34 pm #216958
    Brad Dalton
    Participant

    There's different methods you can use, here's one i think works well based on my testing.


    Get Help – Book Consultation.

    February 24, 2018 at 5:09 pm #216959
    Jackiejoh
    Participant

    I appreciate all your help, Brandon! I'm not sure what I'm doing wrong. I replaced the original code with the suggested text (and cleared the cache) but no changes are showing up.

    February 24, 2018 at 6:17 pm #216960
    Brad Dalton
    Participant

    Only remove the code between lines 12 – 22 NOT the entire code in the file.


    Get Help – Book Consultation.

    February 25, 2018 at 11:55 am #216985
    Jackiejoh
    Participant

    I got it to work! Thank you so much. I appreciate your help and patience with me 🙂

    June 14, 2018 at 9:33 am #220827
    allyson9
    Member

    This code just made me very happy!
    $( '.front-page-1' ).height(400);

    Thank you Brad!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 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