Main nav custom link color and dropdown menu

  • Resolved teammf

    (@teammf)


    8 years, 2 months ago

    Hi Richie,

    First of all: thanks for this theme. It’s very nice!

    I just downloaded it and would like to build our new site with your theme. Now I’ve encountered several small problems I can’t solve (I’m not known with css).

    I’m using the main nav bar als the head main nav, with coloring the several pages. But I’ve got some custom links in it (see img) and I can’t turn the colors into the color I want (#8f4820). It’s blue at this time.

    Custom links

    Menu nav

    All the custom menu colors are per page #8f4820, so that isn’t the problem I think.

    Thanks in advance

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Richie KS

    (@rkcorp)

    custom link cannot be colorize via setting, must do it manually. when creating the item custom link, fill the css classes to it, like my-link and add this to customizer->general->custom css

    #custom li.my-link a {
    border-bottom-color: #8e44ad;
}
#custom li.my-link a:hover {
    background-color: #8e44ad;
    color:#fff;
}
    Thread Starter teammf

    (@teammf)

    Hi Richie,

    I’m not so great with css classes, but I’ve added your exact custom css code to customizer->general->custom css.
    But what do I put in the nav menu? I don’t understand that ??

    Thanks in advance

    • This reply was modified 8 years, 2 months ago by teammf.
    Theme Author Richie KS

    (@rkcorp)

    put in css class – my-mineral
    and add this this to custom css

    #custom li.my-mineral a {
    border-bottom-color: #8e44ad;
}
#custom li.my-mineral a:hover {
    background-color: #8e44ad;
    color:#fff;
}

#custom li.my-mineral ul {
    background-color: #8e44ad;
}

#custom li.my-mineral ul li a:hover {
    background-color: #111;
color:#fff;
}

    and you need to edit the hex color to your own.

    Thread Starter teammf

    (@teammf)

    Hi Richie,

    I can’t thank you enough. It works perfectly now and the website will be a nice design.

    null

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Main nav custom link color and dropdown menu’ is closed to new replies.