Home Forums Flat Commerce Pro Menu Hover Color

This topic contains 8 replies, has 2 voices, and was last updated by  wensolutions 4 months, 1 week ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #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!!

    #36046

    jjambeck
    Participant

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

    #36058

    wensolutions
    Participant

    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 .

    #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!!

    #36143

    wensolutions
    Participant

    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!!

    #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!

    #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!

    #36188

    jjambeck
    Participant

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

    #36249

    wensolutions
    Participant

    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!!

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.