Archived topic
Change the background image for Header Element
5 replies · Started by Kelvin on May 27, 2019
Dear Sir/Madam,
I want to set the header image for all specific category posts. I tried (https://prnt.sc/nu0ioa) but none of them worked.
This is all my Elements' setting ( https://prnt.sc/nu0q3y )
This is the DIY Header's setting ( https://prnt.sc/nu0qfn )
This is the Display Rule of DIY Header ( https://prnt.sc/nu0qt4 )
This is the page of the category ( https://prnt.sc/nu0s1h )
Could you instruct me how I can set the Element to be used for a specific category?
Best regards,
Kelvin
Hi there,
instead of Post Category Archive ( this is the list of posts in the archive ) use the Post Category display rule.
Dear David,
I tried but no success.
Here is my setting to all the Elements ( https://prnt.sc/nu63q8 )
I added the Entire Site location to Page Title because I want to show a header image by default and I can replace the image by css
body.category-he-school .page-hero {
background-image: url(http://pub.msgexc.com/hkfr/wp-content/uploads/2019/05/diy.jpg);
}
This is the screenshot (https://prnt.sc/nu650m ) if I don't add the Entire Site to Page Title Element.
This is the Element setting for Page Title ( https://prnt.sc/nu65h8 ), I want to display the header image by default if no individual setting.
This is the Element setting for DIY Header ( https://prnt.sc/nu667o ), it is similar to Page Title.
I will submit my login credential via the GeneratePress contact page.
Looks like you have a page header element conflict. Header Elements must be 'exclusive' or they will conflict.
So your Page Title Header Element being assigned to All Posts will override any other header element that is assigned to a posts location.
Remove the Post location from the Page Title Header Element and you should see your Post Category header.
Dear David,
Is there any order sequence of the Element setting?
I tried to remove the Post location from the Page Title Header Element, the Post Category header keeps using the image from Page Title Header instead of DIY Header. If I remove the Entire location from Page Title Header, then all the images on Post Category are removed.
Now I remove Post and Post Category location from Page Title
Best regards,
Kelvin
The ordering is like so:
The first Header Element to be registered will override any subsequent elements that are created that use the same location or a global location.
So an 'Entire Site' header element will replace any other elements you create after it.
To eliminate that you need to use the Exclude rules on your first element ( Page Title ) ie. Exclude: Post Category.