Adding different background for blog category post pages sh-titlebar area.

Home Forums Gillion Theme Adding different background for blog category post pages sh-titlebar area.

Home Forums Gillion Theme Adding different background for blog category post pages sh-titlebar area.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • [email protected]
    Participant

    Hello,

     

    Is it possible to add different background images for Blog-post Categories  sh-titlebar area. 

     

    Not one background image for all categories but different images for each category.

     

    I hope i explained it easily.

    Hi @[email protected],

     

    I hope you are well today and thank you for your question.

     

    You can try achieving this using Yellow Pencil editor as described in the below page.

     

    https://support.shufflehound.com/how-to-change-almost-any-element/

     

    Best regards,
    Shufflehound team

    [email protected]
    Participant

    Hello,

     

    With yellowpencil i can edit post category page header background picture, just like with theme settings but NOT each category separately.

     

    Thanks

     

     

    Could you please share me the pages URLs from your site where you want to display it so that I can help you to achieve it?

    [email protected]
    Participant

    The site is located here -> http://karakteris.codeink.agency

     

    There are 3 different post categories on the navbar

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .archive.category-persoon .sh-titlebar{
        background: url("https://karakteris.codeink.agency/wp-content/uploads/2016/01/Main_slide-1024x878.jpg");
    }
    
    .archive.category-probleem .sh-titlebar{
        background: url("https://karakteris.codeink.agency/wp-content/uploads/2016/01/Main_slide-1024x878.jpg");
    }
    
    .archive.category-mida-tarbida .sh-titlebar{
        background: url("https://karakteris.codeink.agency/wp-content/uploads/2016/01/Main_slide-1024x878.jpg");
    }

     

    Please change the image URLs in the above CSS code to whatever you want to use.

Viewing 6 posts - 1 through 6 (of 6 total)