Home › Forums › WoodMart support forum › HOW TO CHANGE HEADER LINK COLOURS

HOW TO CHANGE HEADER LINK COLOURS

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 15, 2021 at 4:13 am #325319

    dsim
    Participant

    Hello,

    How do I change the header colours in rest and hover over mode for the “Newsletter, Contact Us etc” links.

    See attachment.

    Thank you

    Attachments:
    You must be logged in to view attached files.
    October 15, 2021 at 7:55 am #325360

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    
.wd-header-nav.wd-full-height .wd-nav>li>a {
color: red;
}
    .wd-header-nav.wd-full-height .wd-nav>li>a:hover {
color: green;
}

    Regards.
    Xtemos Studios.

    October 16, 2021 at 3:58 am #325581

    dsim
    Participant

    Hello,

    Unfortunately your fix has not worked. Please give a new fix for this request!

    Thank you

    October 16, 2021 at 6:44 am #325606

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please provide the URL of the website to check it myself and help you out accordingly.

    Regards.
    Xtemos Studios.

    October 16, 2021 at 7:14 am #325609

    dsim
    Participant

    Hello,

    Im working on the site on my local hard drive so I cant give you access there but I do have an older version on the internet you can look at.

    Thank you

    October 16, 2021 at 8:18 am #325618

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please replace the previous Custom CSS with the following then check back.

    .wd-header-nav .wd-nav>li>a {
    color: red;
}
    .wd-header-nav .wd-nav>li>a:hover {
color: green;
}

    Regards.
    Xtemos Studios.

    October 16, 2021 at 8:31 am #325621

    dsim
    Participant

    Hi there,
    Thank you, its working.
    1) The colors I’m using are black and orange but the “orange” colour is not the same shade as the standard one on the site. How can I use that particular colour orange? (#FF6600)
    2) Is is also possible to change these colours to the same as well? …see attachment.

    Thanks

    Attachments:
    You must be logged in to view attached files.
    October 16, 2021 at 11:31 am #325640

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    1) If the same shade is not coming then it is the color code issue not from our Theme.

    Please try using other colors.

    2) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .searchform.wd-with-cat input[type="text"]::placeholder {
    color: #FF6600;
}
    .wd-search-cat>a>span {
    color: #FF6600;
}
    span.wd-tools-text {
    color: #FF6600;
}

    Best Regards.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)