Menu TEXT Brighter

Discussion in 'Real Photography WordPress Theme' started by tcg007, Nov 5, 2017.

  1. tcg007

    tcg007 Member

    Joined:
    Feb 20, 2014
    Messages:
    51
    Likes Received:
    1
    I can hardly read/see the menu text [top menu bar] in the Real Photography Theme.

    See image below and url : http://farmdehoek.co.za

    How do I fix this?

    I want to use a brighter color that will show better on the home page.

    [​IMG]
     
  2. akbar92

    akbar92 Support Staff Staff Member

    Joined:
    Jun 3, 2017
    Messages:
    2,318
    Likes Received:
    49
    Hi,

    To change the text color, just paste the code given below in Custom CSS section.
    (Dashboard->Inkthemes->Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .menu_wrapper {
        opacity: 0.85;
    }
    #menu li.current_page_item a, #menu a:hover {
        color: #dee21c;
    }
    Hope this helps...!

    Thanks & Regards!
    Akbar
    InkThemes.com
     
  3. tcg007

    tcg007 Member

    Joined:
    Feb 20, 2014
    Messages:
    51
    Likes Received:
    1
    Perfect - THANK YOU!
     
  4. akbar92

    akbar92 Support Staff Staff Member

    Joined:
    Jun 3, 2017
    Messages:
    2,318
    Likes Received:
    49
  5. susanh

    susanh New Member

    Joined:
    Dec 13, 2018
    Messages:
    18
    Likes Received:
    0
    Location:
    Tucson, AZ
    That didn't work for me, I copied and pasted that exact code??
     
  6. akbar92

    akbar92 Support Staff Staff Member

    Joined:
    Jun 3, 2017
    Messages:
    2,318
    Likes Received:
    49
    Hello,

    Greeting from InkThemes,

    The code does works, you can see the menu items are now in light color.

    Just change the color code according to your choice and increase the opacity of the colors.

    To make the desired changes, just paste the code in the Additional CSS section of the theme.

    Go to (Dashboard->Appearance->Customize->Additional CSS).

    Code:
    #menu li a {
        color: #ffffff;
    }
    
    .menu_wrapper {
        opacity: 1.85;
    }
    #menu li.current_page_item a, #menu a:hover {
        color: #efd109;
    }
    Regards,
    Akbar
    InkThemes.com
     

Share This Page