Header Image On Different Blog Category Pages?
Is there a way for me to upload a banner image (maybe 200 or so pixels in height) that would appear on the /blog page as well as blog category pages? Ideally, I would like the /blog page & each category page to have their own unique banner image. I have screenshots below showing the pages I would like to put banner images on.
/blog overview page:
Blog Category Page #1:
Blog Category Page #2:
Comments
do you mean different background on different category pages or what exactly you mean? Please send us link to example page where you want to do this and we will try to help you.
1) For the blog page, you can use the following css to set background image instead of subheader title:
.blog #Subheader { background-image: url('#') !important; }2) To display different backgrounds depending on categories, you need to use the following css:.blog #Subheader .title { display: none !important; }
.category-nutrition #Subheader { background-image: url('#') !important; }3) This one is not possible unfortunately..category-nutrition #Subheader .title { display: none !important; }
.category-dfs #Subheader { background-image: url('#') !important; }
.category-dfs #Subheader .title { display: none !important; }