Photo on Category Page

Hi Guys,

On the page below I’m using Category style 6. I’m just wondering if there’s a way to contain the image to the rectangular box at the top of the page (I believe it’s the category header section), rather than have it bleed into the borders of the page on monitors wider than 1164.

http://www.irreverentgent.com/category/style/

Thanks!

Dave

HI

Try this css in theme panel > custom code > custom css to add a background image in this section: http://screencast.com/t/idc1ghnT

.category-style .td-category-header{
background-image: url("http://www.irreverentgent.com/wp-content/uploads/2016/08/How-to-Look-Confident-banner.jpg");
}

That code will work only for style category page. If you want to add an image for each category just change the first selector like this:

.category-"cat-name" .td-category-header{
background-image: url("new bg-image");
}

Hope this helps.
Thanks!

Thanks Andrei! That worked, but I have one more question. Is there a way to maintain the parallax/responsive effect on the image?

Thanks again for the great support – I’m really enjoying this theme.