[nick fParticipant]

Hi, firstly great theme thanks 🙂

im quite new to wordpress so apologies if this doesn’t make sense …

http://www.pinupspersonnel.com/ – WP and theme both up to date

I would like to set the top bar to be static and have the content scroll up underneath it, but i haven’t been able to find an option in the customiser for this?

I would also like to have the content of the front page (everything below the banner) slide up and over the ‘banner image’ when scrolling down. (Leaving the top bar visible as the white background slides up and covers the image). When i try to do this using a background image to the row with paralax option ticked the image size is increased and will not fit into the page. What is the best way for me to go about this?

Kind regards

Nick

[AlexanderKeymaster]

Hi Nick,

Customizer doesn’t allow for a fixed topbar, but you could use this CSS (Customizer > Custom > CSS
) If you change the topbar height, or navbar width, you’ll need to readjust the denoted values.

.x-topbar {
position:fixed;
left:190px; /*width of navbar */
right:0;
}

.x-main { margin-top:46px;} /*height of topbar */

For the other request, rather than adding an image inside the content band, you need to add the image as the background of your content band. This is what will allow the parallax to work. First, delete the image element. Then, edit the content band and select a background image.

[nick fParticipant]

Thank you. however i’m still having trouble with the background image, ive used it on the contact page http://www.pinupspersonnel.com/contact/ but the image stretches, is there a way to display the image at the same scale as the image on the front page? (http://www.pinupspersonnel.com/)

Cheers

[RadModerator]

Hi nick,

At your contact page, you image was set as content band background with parallax effect enabled. This is the one that makes your background stretched.

Though at your homepage, you used it as normal image and not as background.

You could set it as background too, or another way around.

Hope this helps.

[nick fParticipant]

Hi, yes thats how i’ve got it at the moment. I just wanted to try and show what i was looking to achieve. The look of the normal image but with the parallax effect.

Is there a way to set an image as a background to apply the parallax effect without the image stretching? So that it would display at the same scale as the full width image. What is it about the background setting that stretches the image and what could i do to fix this?

Cheers

[AlexanderKeymaster]

Hi Nick,

You’ll just need to upload a taller image. The background property only scales when it doesn’t have enough image to cover the area it’s assigned to. For example. When using parallax, you need some overlap below. Your image is scaled so that the top if the image is at the top of the content band, and the bottom of the image touches the end of the content band, plus required overlap. Then the image is centered.

Upload a image of greater height, and this will work for you.

[Author]

Posts