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

SagePayZA

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

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; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

SagePayZA

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

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

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; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next