Home › Forums › Pro Themes › Flat Commerce Pro › Menu Hover Color

Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 19, 2017 at 12:34 am #36043
    jjambeck
    Participant

    I need to be able to change the color of the menu hover text (it is now a reddish color, and I need to make it my same blue color). Also the background of the drop-down menu item, which right now is “Technical Sessions” – I need to make it my blue color and not the reddish color it is.
    The site is: http://internationalmarinedebrisconference.org/
    Thank you!!

    March 19, 2017 at 2:11 am #36046
    jjambeck
    Participant

    Also, Can I change the font color of the menu font and size, if needed? Thank you!!

    March 19, 2017 at 10:36 am #36058
    wensolutions
    Keymaster

    Hi,

    At the moment you can change the color configuration from Custom CSS approach like the one we have given below. You can paste these custom code in Appearance -> Customize -> Additional CSS section

    /* menu hover color */

.main-navigation li a:hover{

  color: #008bbc;

}

/* menu background color */

.main-navigation ul li ul li a:hover {
    background-color: #008bbc;
}

/* menu color and size */

.main-navigation ul li a{
   color: #008bbc;
   font-size: 14px;
}

    Custom color changing options will be added in the new version which is being working on.

    Let us know if you need any further assistance.

    Thank you .

    March 19, 2017 at 11:32 am #36067
    jjambeck
    Participant

    Great this worked for menu color and hover – BUT when you are on the page, the text goes back to the red – how can I change this color? (have a different blue I can use for this).
    Thank you!!

    March 20, 2017 at 12:32 am #36143
    wensolutions
    Keymaster

    Hello @jjambeck,

    In order to change the color of the menu in the particular page please use below CSS.

    .page .main-navigation ul li a {
    color: #008bbc !important;
}

    Hope this helps.

    Best Regards!!

    March 20, 2017 at 8:37 am #36174
    jjambeck
    Participant

    OK, Great, we are almost there! But now the active page is the correct color, but for a sub-menu item, there is still red in the background – like when you go to “Technical Sessions” under “Program” – http://internationalmarinedebrisconference.org/
    I want this background color on the sub-menu to be #4dbfcb (a lighter blue) – can you give me the code to make that change? The page goes live today in a hour!
    THANK YOU SO MUCH! Overall, I think the page looks awesome otherwise and then Theme has been great!

    March 20, 2017 at 8:41 am #36176
    jjambeck
    Participant

    Actually – it only does it when it is on this page http://internationalmarinedebrisconference.org/index.php/program/ – otherwise it is the blue I want when the sub-menu is used form the other pages.
    I switched the menu words to the light blue and then the background is the dark blue, which works well.
    So this is just a small change!
    Thank you again!

    March 20, 2017 at 12:03 pm #36188
    jjambeck
    Participant

    I figured out how to fix this myself! No help needed now.

    March 20, 2017 at 11:44 pm #36249
    wensolutions
    Keymaster

    Hello @jjambeck,

    Glad that you figured out your issue by yourself .

    But if you need any help further we are always here for you.

    Best Regards!!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.