Revolution slider not showing up on blog posts, but works fine when selected on pages.

SagePayZA · May 2016

Hi there,

I'm trying to add revolution sliders to my blogposts, but it won't show up. It doesn't actually even have to be revolution slider, i would just like to add a banner type image at the top of each blogpost, but when i choose an image it displays small in the black bar at the top and i have no way of adjusting this image to be full width hence using rev slider as image placeholders accross the site. Alternatively, can I remove this black bar underneath the navigation and turn the featured image on instead?

https://sagepay.co.za/?p=2224&preview=true

Thanks

Albert · May 2016

Hi,

we suggest to set header image with Header Image option which is located under Post Options while you edit/create posts. But to increase it's height, you need to use the following css:

.single-post #Header { min-height: 300px !important; }

SagePayZA · May 2016

Thanks, it works, but if the height of the image is bigger than the placeholder, how do I align the image to the middle? Please see here: https://sagepay.co.za/e-commerce-a-rising-platform-for-small-business-owners/

I tried the following, but it doesn't seem to work:

.single-post #Header {

min-height: 600px !important;

vertical-align:middle;

}

SagePayZA · May 2016

Also, how do I remove the "forward and backword" buttons right below the breadcrumbs? I would like to remove that whole section and allow the blogpost to start directly below the breadcrumb section. Thanks

Albert · May 2016

To align image to the middle, you need to use an extra css:

body:not(.template-slider) #Header_wrapper { background-position: center center !important; }

But to remove post navigation, please use:

.single-post .post-nav { display: none !important; }

Revolution slider not showing up on blog posts, but works fine when selected on pages.

Comments