[Support request] Change the background image for Header Element

Home Forums Support Change the background image for Header Element

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #912259
    Kelvin

    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

    #912301
    David
    Staff
    Customer Support

    Hi there,

    instead of Post Category Archive ( this is the list of posts in the archive ) use the Post Category display rule.

    #912645
    Kelvin

    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.

    #912676
    David
    Staff
    Customer Support

    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.

    #912688
    Kelvin

    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

    #912986
    David
    Staff
    Customer Support

    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.

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.