Header font color change - by freerunner

This topic has 10 replies, 3 voices, and was last updated 9 years, 8 months ago ago by Robert Hall

  • Avatar: freerunner
    freerunner
    Participant
    April 17, 2016 at 11:15

    I am in need of a color change on some different elements within my Header. I need the Terms and Privacy as well as the [share] buttons changed to a different color, as well as have the color change on the hover effect. I did a temporary fix using some inline styling but it looks sloppy. Please advise…

    Please, contact administrator
    for this information.
    9 Answers
    Avatar: Eva
    Eva Kemp
    Participant
    April 18, 2016 at 08:02

    Hello,

    To change color for Terms and Privacy use this css code:

    .header-custom-block span a, .header-custom-block span {
        color: green !important;
    }

    Write your color value.

    For share icons:

    .header-custom-block .menu-social-icons li i {
       color: red;
    }
    .header-custom-block .menu-social-icons li i:hover {
       color: red;
    }

    Regards,
    Eva Kemp.

    Avatar: freerunner
    freerunner
    Participant
    April 18, 2016 at 08:29

    Hi Eva,

    The code for the Share Icons worked, but the code for the Terms and Privacy links did not. Please advise…

    Also, how do I change the color of the clicked on menu links and hover colors, as well as the shopping and search icons? Thanks

    Avatar: freerunner
    freerunner
    Participant
    April 18, 2016 at 08:53

    Eva,

    I also need the header background color changed but the theme options doesn’t work. I need the background color to be #333333. Thanks

    Avatar: Eva
    Eva Kemp
    Participant
    April 18, 2016 at 09:05

    Hello,

    I have added style code in header custom html section. Please check “Terms and Privacy” text now.
    To change background color of the vertical header add this css code:

    .header-vertical-enable .page-wrapper .header-type-vertical {
      background-color: #333333 !important;
    }

    Regards,
    Eva Kemp.

    Avatar: freerunner
    freerunner
    Participant
    April 18, 2016 at 09:58

    Hi Eva,

    That worked! Can you please help me make the shopping cart and search icons Black in color?

    Avatar: Eva
    Eva Kemp
    Participant
    April 18, 2016 at 10:26

    Hello,

    Please use this css code:

    .cart-bag .ico-sum {
        background-color: black;
    }
    .cart-bag .ico-sum::before {
        border-color: black;
    }
    .header-vertical-enable .page-wrapper .header-type-vertical .header-search a .fa-search {
        color: black;
    }

    Regards,
    Eva Kemp.

    Avatar: Robert Hall
    Robert Hall
    Participant
    April 18, 2016 at 10:29

    Hello,

    Please add this code in Global Custom CSS.

    .ico-sum,
    .ico-sum:after{
        background-color: black !important;
    }
    .ico-sum:before{
        border-color: black !important;
    }
    .header-vertical-enable .page-wrapper .header-type-vertical .header-search a .fa-search{
    color:black;
    }

    Regards,
    Robert Hall

    Avatar: freerunner
    freerunner
    Participant
    April 18, 2016 at 10:42

    Eva,

    Awesome! Thanks for your help.

    Avatar: Robert Hall
    Robert Hall
    Participant
    April 18, 2016 at 11:00

    You’re welcome!

    Regards,
    Robert Hall

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

The issue related to '‘Header font color change’' 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.