Charity theme prevent full width image cropping

[Helen]

Hi, the theme is cropping a portion from the top and bottom of the full width images when these are used to create banners on pages (using featured images), and also from the top of the full width slider images – it looks to me though as if the top portion may be hidden by the top banner, in which case maybe this can be controlled via the z-index.
I need the whole image to display – can you tell me how to do this?

Thanks, Helen

[Forum Moderator]

Hi Helen,

Kindly show us your website URL.

Regards,
Brad

[Helen]

http://www.empathydesign.co.uk/16/ and http://www.empathydesign.co.uk/16/our-work/

Usr: lesley, pw jfemp0516

Thanks, Helen

[Helen]

Hi, wondering whether anyone has had a chance to look into this yet – I could do with getting it sorted,
Thanks,
Helen

[Forum Moderator]

Hi Helen,

Kindly go to Appereance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

.slider-main { min-height:500px; padding-top:113px;}
.innerbanner { padding-top:113px;}

@media screen and (max-width:1023px) {
.slider-main, .innerbanner { padding-top:0;}
}

Regards,
Brad

[Helen]

Gotcha – many thanks. In case this is useful to anyone else – Have also added 180px to the bottom padding for .innerbanner, as was losing the bottom of the image

[Forum Moderator]

Okay cool 🙂

Regards,
Brad

[Author]

Posts