• 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

Can I shorten height of first Background Image in Parallax 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 › Design Tips and Tricks › Can I shorten height of first Background Image in Parallax Pro?

This topic is: not resolved

Tagged: background image, parallax-pro

  • This topic has 8 replies, 2 voices, and was last updated 2 years, 9 months ago by addiesgram.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • June 4, 2020 at 2:11 pm #499149
    addiesgram
    Participant

    Hi guys, I have a website client who likes the Parallax Pro theme but doesn't want the first Background image to fill the entire screen so that you have to start scrolling to get to the content below. She'd like a full-width image, but a "shorter" image, such that some of the content below is visible when the Home page first loads. I've been cropping to try to achieve that effect but it seems the theme "stretches" the cropped image to fit a 1600 x 1050 frame. Any suggestions that would not mess up the other sections of the home page?

    TIA

    http://No URL to provide at this time
    June 4, 2020 at 2:48 pm #499150
    addiesgram
    Participant

    Or is there another Studiopress theme like Parallax Pro where that first Background image doesn't fill up the whole screen?

    June 4, 2020 at 6:21 pm #499153
    Brad Dalton
    Participant

    You should be able to do this using CSS.


    Tutorials for StudioPress Themes.

    June 4, 2020 at 6:37 pm #499154
    addiesgram
    Participant

    Thanks Brad, and thank you for your super helpful published tutorials which have helped me over the years. I figured it would be css edits, I just don't know what to edit : (

    June 4, 2020 at 6:41 pm #499155
    Brad Dalton
    Participant

    This method for Altitude Pro may work in Parallax Pro.


    Tutorials for StudioPress Themes.

    June 4, 2020 at 8:57 pm #499156
    addiesgram
    Participant

    Thanks again -- oh boy, I do not have the confidence (read:skill level) to try modifying that code. I was hoping it would be a bit of css editing. Thanks again, though. I may ask my client to consider other SP themes -- she just liked the parallax effect but doesn't want site viewers to have to start scrolling the minute they land on the home page, to get down below the image to the site content.

    June 5, 2020 at 1:38 am #499158
    addiesgram
    Participant

    Well I did study the home.js file for Altitude Pro, then went to the js folder for Parallax Pro to see if I could replicate the code. There is no home.js file for Parallax Pro -- that I could find in the js folder -- and none of the files in the js folder looked similar. If anyone can get me closer to the code I'd need to edit in order to get the first home section image in Parallax Pro shorter in height while leaving the other home sections alone, I'd appreciate it.

    June 5, 2020 at 1:41 am #499159
    Brad Dalton
    Participant

    Try using CSS. There is a example there at the end of the tutorial as there's at least 2 ways to get the job done.


    Tutorials for StudioPress Themes.

    June 5, 2020 at 1:42 am #499160
    addiesgram
    Participant

    Will try that, thanks for hanging in there with me!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The forum ‘Design Tips and Tricks’ 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