Change font color within menu wrapper

Discussion in 'RoadFighter WordPress Theme' started by gloryous, Aug 7, 2015.

Thread Status:
Not open for further replies.
  1. gloryous

    gloryous Member

    Joined:
    May 25, 2012
    Messages:
    223
    Likes Received:
    8
    Hello...

    I've changed the color of the navigation bar to a medium blue and would like the text in the menu bar to be white instead of black.

    Non-parent pages under the navigation bar should remain as they are: black on transparent white.

    Hoping you'll be able to provide code to accomplish this.

    Thank you,
    Glory
     
  2. Sobhagya

    Sobhagya Guest

    Joined:
    May 29, 2015
    Messages:
    414
    Likes Received:
    6
    Hello,

    Greetings from InkThemes,

    You can resolve it yourself, All you have to do is just go to Dashboard->Appearance->Theme Options->Styling Option->Custom CSS

    field and try to cut paste the given below CSS code there.

    Code:
    .menu-wrapper {
        background: rgba(35, 146, 236, 0.54) !important;
           }
          #menu .ddsmoothmenu li a {
        color: #FFF !important;
         }
           #menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover {
        color: #CAD6D5 !important;
    }
    Note: change color code by your desired color code.

    Hope this will resolve your issue.

    Do let me know if you need more assistance,

    I would be glad to assist you further,
     
  3. gloryous

    gloryous Member

    Joined:
    May 25, 2012
    Messages:
    223
    Likes Received:
    8
    Nicely done on the main menu/nav bar, Sobhagya! Exactly what was needed.

    However, on the submenus, the page titles have disappeared. I need the color of these pages to be dark gray or black. How can this be accomplished?

    http://demo77.digitalwordpower.com/

    Thank you,
    Glory
     
  4. gloryous

    gloryous Member

    Joined:
    May 25, 2012
    Messages:
    223
    Likes Received:
    8
    Sobhagya,

    I just noticed that after you click on a nav bar page, the sub pages become visible (black) under that parent page.

    However, when just hovering over the nav bar page, the sub-pages are white/transparent. The sub-page titles need to be visible (black) whether just hovering or after the nav bar page has been clicked.

    Thank you again,
    Glory
     
  5. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi Glory,

    Please paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    #menu .ddsmoothmenu li li a:link, 
    #menu .ddsmoothmenu li li a:visited {
        color: #565555 !important;
    }
    Thanks,
    Praveen
     
    gloryous likes this.
  6. gloryous

    gloryous Member

    Joined:
    May 25, 2012
    Messages:
    223
    Likes Received:
    8
    Most excellent, Praveen!

    Thank you,
    Glory
     
Thread Status:
Not open for further replies.

Share This Page