Icons black / white in multiple headers options

This topic has 4 replies, 2 voices, and was last updated 1 years, 5 months ago ago by Rose Tyler

  • Avatar: desgest
    desgest
    Participant
    July 6, 2023 at 11:35

    Hello,

    We are developing a new website.

    Our question is about multiple header options.

    We are asking if it is possible that the header could have white icons for the main page and dark -the same ones- for the other pages.

    Thanks.

    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 6, 2023 at 12:11

    Hello, Desgest,

    Thank you for contacting us and for using XStore.

    Yes, for example, the next custom CSS code can be used to change the color of icons in the Header for the Home page:

    @media only screen and (min-width: 1025px) {
        .home .header-main .et_b_search-icon, 
        .home .header-main .et_b_header-account > a svg,
        .home .header-main .et_b_header-wishlist > a svg,
        .home .header-main .et_b_header-cart > a svg,
        .home .et_b_header-mobile-menu > span svg  {
            color: white !important;
        }
    }

    We hope this information is helpful.

    Kind Regards,
    8theme team

    Avatar: desgest
    desgest
    Participant
    July 6, 2023 at 13:02

    Thanks for fast reply,

    Another question with this issue, it’s about logo:

    Is possible one logo (white) for home page, and a dark logo for the others pages?

    Thanks again.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 6, 2023 at 13:19

    Hello, Desgest,

    Thank you for your response.

    In this case, you may use Multiple headers. Please watch this video – https://youtu.be/BpeXfzNwkOc

    Kind Regards,
    8theme team

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

The issue related to '‘Icons black / white in multiple headers options’' has been successfully resolved, and the topic is now closed for further responses

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