How to set a Custom page heading image on a TAG page

This topic has 9 replies, 3 voices, and was last updated 2 years, 10 months ago ago by Ferry

  • Avatar: Ferry
    Ferry
    Participant
    January 3, 2022 at 11:16

    Hi there, On a catagorie page i can set a Custom page heading image.
    I would also like to to this on my tag pages. So i can set a diffrent header image for every tag page.

    How can i activatie this?

    And is it also posible to set “”Description after content” fot TAG pages just like on catagorie pages?

    Thanks in advanced.

    8 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 4, 2022 at 13:04

    Hello,

    We don’t have such option for the tags. But you can submit feature request here https://www.8theme.com/taskboard/

    Regards

    Avatar: Ferry
    Ferry
    Participant
    January 4, 2022 at 14:49

    To Bad! I did a feature request. Hope they fix this soon!

    what can i do in the meantime?

    I’ve resized the header with custom CSS for larger category header images.
    With tags I now have a very large colored box. This doesn’t look nice.

    Can I hide the breadcrumb header only on my tag pages?

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 4, 2022 at 17:49

    Hello,

    I think yes. Provide us with link to such page. I’ll check and give you a custom code.

    Regards

    Avatar: Ferry
    Ferry
    Participant
    January 4, 2022 at 20:24

    Ok thanks. See login data in Private area.

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 5, 2022 at 11:39

    Hello,

    Use the below code (Theme Options > Custom CSS) if you want just to hide breadcrumbs

    .tax-product_tag .page-heading {
        display: none;
    }

    Use the below code if you want just to reduce the breadcrumbs padding for the tag pages

    .tax-product_tag .page-heading {
        padding: 3.7em 0;
    }

    Use the below code if you want to add image that will be the same for all the tag pages

    .tax-product_tag .page-heading {
        background-image: url(https://noboringwall.com/wp-content/uploads/2021/12/header-slide-1-scaled.jpg);
    }

    Regards

    Avatar: Ferry
    Ferry
    Participant
    January 9, 2022 at 15:49

    Thank you. This css code is a good alternative.
    Is it also possible to move the term-discription on the tag page down below the product grid instead of above it?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 9, 2022 at 16:23

    Hello,

    You’re welcome!
    Try to use the next code:

    .tax-product_tag .term-description {
        order: 3;
    }
    .tax-product_tag .content.main-products-loop {
        display: flex;
        flex-direction: column;
    }

    Regards

    Avatar: Ferry
    Ferry
    Participant
    January 9, 2022 at 20:10

    Works good, thank you

  • Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘how to set a Custom page heading image on a TAG page’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.