- This topic has 8 replies, 2 voices, and was last updated 2 years, 5 months ago by .
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.
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.
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?
TIAhttp://No URL to provide at this time
Or is there another Studiopress theme like Parallax Pro where that first Background image doesn't fill up the whole screen?
You should be able to do this using CSS.
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 : (
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.
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.
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.
Will try that, thanks for hanging in there with me!
© 2022 WPEngine, Inc.