New Landing How can we help? Atelier Color of social icons, cart and cart number in Header/ Sticky Header

Viewing 6 posts - 1 through 6 (of 6 total)
  • Posted in: Atelier
  • #292758
    Silke01
    Member
    Post count: 4

    Hi Mohammad,

    I can’t figure out how to change colors of the icons and cart in the header?
    Since my background is white, and the icons are also, visitors can’t see them. However, they turn grey, when the sticky header is activated.
    How do I change the color of the icons, the cart and the number inside the cart symbol in the normal and sticky header?

    Thanks in advance!

    #292868
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .full-center #header .aux-item ul.social-icons li a {
       color: ##9D9FA5 !important;
    }
    .shop-icon-fill .shopping-bag-item > a > i {
        color: #9D9FA5 !important;
    }
    .num-items{
        color: #fff !important;
    }

    Thanks
    Mohammad

    #293012
    Silke01
    Member
    Post count: 4

    Thank you Mohammad, works perfectly besides the number inside the cart. It is still beige unfortunately. Do you have another idea?

    Regards
    Silke01

    #293024
    David Martin – Support
    Moderator
    Post count: 20834

    You can change that with:

    .shop-icon-fill .shopping-bag-item a > span.num-items {
        color: red!important;
    }
    #293030
    Silke01
    Member
    Post count: 4

    Works perfectly! Thanks a lot!

    #293034
    David Martin – Support
    Moderator
    Post count: 20834

    Glad to help – David.

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

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register