[tlauenParticipant]

What’s the class for the single blog post background image? I’d like to

1) Push it down so it doesn’t cover the breadcrumbs
2) Only stretch 100% in witdth, not in height. Also that it isn’t fixed, but static.

I’m using the integrity stack.

[ChristopherModerator]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[tlauenParticipant]

http://www.folkedans.net

Sample blog post: http://folkedans.net/stordans/zinklars-vise/

[RupokMember]

Hi there,

Thanks for writing back.
To push the image you can add this under Custom > CSS in the Customizer.

.single-post .backstretch {
  margin-top: 95px !important;
}

Note that if you use Static Navbar instead of Fixed Navbar then the gap will be visible if you scroll down. So I’d suggest you to keep this as is and I think it looks better this way.

Cheers!

[tlauenParticipant]

No way to make the background image static instead of fixed?

[RupokMember]

Hi there,

Thanks for writing back. In that case you can try hiding the default background image and use a different way to add this for single post only

.single-post .backstretch {
  display: none;
}

body.single-post {
  background: url("http://folkedans.net/wp-content/uploads/sites/9/2013/10/Adolph_Tidemand_Sinclairs_landing.jpg") no-repeat scroll center top / 100% auto;
}

Note that it’s static now and only width is 100%. If you need to change anything, kindly change the background properties.

Hope this helps.

Cheers!

Cheers!

[tlauenParticipant]

Alright. Thanks:)

[Prasant RaiModerator]

You are most welcome. 🙂

[Author]

Posts