Home › Forums › WoodMart support forum › Nav menu CSS

Nav menu CSS

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 7, 2026 at 7:22 am #711402

    DaveShishkoff
    Participant

    Hey there, have some CSS requests! (Unless this can be done elsewhere, pleas direct me!)

    Please see URL in private section, referring to the nav menu at the top (OUR STORY, WHAT WE DO, etc).

    First, when hovering over the menu items, the underline is dark, how do I set that as white? Apologies if I missed that in the settings.

    Second, I’d like to add a 1px black stroke (aka border) to the nav text as well, assuming this will be CSS.

    Lastly, change the search icon to white as well.

    Thanks so much!

    March 7, 2026 at 2:45 pm #711452

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    This color is the primary color which you can set it from Theme Settings >> Styles & Color >> Colors >> Change the primary color.

    If you do not want to change only this color then please use the below custom CSS code and paste it to Theme Settings >> Custom CSS >> Global CSS section:

    .wd-nav[class*="wd-style-underline"] .nav-link-text:after {
    background-color: #fff;
}

    Best Regards.

    March 7, 2026 at 6:48 pm #711490

    DaveShishkoff
    Participant

    Thanks, that answers my first question, how about the other two?

    March 9, 2026 at 9:36 am #711574

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Sorry, I missed the other 2 questions.

    2. Please try to use the below custom CSS code:

    .wd-header-nav .nav-link-text {
  -webkit-text-stroke: 1px #000000;  
  text-stroke: 1px #000000;         
 }

    3. Please use the below custom CSS code and paste it to Theme Settings >> Custom CSS >> Global CSS section:

    .wd-header-search.wd-tools-element.wd-design-1 span.wd-tools-icon  {
    color: #fff;
}

    Best Regards.

    March 10, 2026 at 4:53 am #711801

    DaveShishkoff
    Participant

    Thanks!

    Those all worked, tho I went with the following for the stroke, looks a bit better IMO:

    /* Menu Stroke */
	
.wd-header-nav .nav-link-text {
	text-shadow: -1.5px -1.5px 0 #000, 1.5px -1.5px 0 #000, -1.5px 1.5px 0 #000, 1.5px 1.5px 0 #000; color: white;
	
 }

    Thanks again!

    March 10, 2026 at 9:38 am #711822

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Most Welcome!!!.

    I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

    We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

    Thanks for contacting us.
    Have a great day.

    Topic Closed.
    Best Regards.

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

The topic ‘Nav menu CSS’ is closed to new replies.