Navigation Bar Font Size

  • Author
    Posts
  • #101239
    derekevens
    Member

    Good day WordPress Team, I am busy with a revamp and done some custom CSS changes that I found from previous posts on my site, I cannot seem to find the the following that I need help with:
    1 – I would like to increase the font size slightly on the navigation bar selections. Essentials All Posts etc.
    2 – Is it possible to change the colour of the selection in the nav bar once selected to indicate the page you are on?
    3 – The bottom pannel containing the social media icons needs attention, would like the grey to cover the blue area and the icons centered?
    Look forward to your reply – Derek

    The blog I need help with is: (visible only to logged in users)

    #101417
    derekevens
    Member
    Original poster

    Sorry meant to say ” found from previous posts in the forums” Thanks

    #101434
    scottrrollo
    Theme Author

    Hey there, Derek! 👋🏼

    To increase the font size of your menu, try this:

    nav[role="navigation"] li a {
    	font-size: 18px;
    }

    To change the color of the current menu item, give this a try:

    nav[role="navigation"] li.current-menu-item a,
    nav[role="navigation"] li.current_page_item a {
    	color: blue;
    }

    To change that background color, head over to your Customizer and be sure to set the background to grey (#cccccc).

    I hope this helps!

    #101443
    derekevens
    Member
    Original poster

    Perfect, thanks so much Scott. Appreciated!

    #101490
    scottrrollo
    Theme Author

    You’re welcome, Derek! Happy to help 😀

  • The topic ‘Navigation Bar Font Size’ is closed to new replies.