Ready to get started?Download WordPress


Change fonts for navbar and drop down menu (8 posts)

  1. jampen26
    Posted 1 year ago #

    I recently lost all my stylesheet changes because I hadn't created a child theme and so I am trying to build the site back to where it was - http://www.thehairychef.com

    One of the major changes I made was changing the font of my navbar menu to match the font of the site title.

    In my new child them I tried putting the following code, but it doesn't seem ot have made a difference:

    @import url('../twentyten/style.css');
    /* Menu
    -------------------------------------------------------------- */
    #access {
    	background: #000;
    	display: block;
    	float: left;
    	margin: 0 auto;
    	width: 940px;
    #access .menu-header,
    div.menu {
    	font-family: "Rock Salt", serif!important;
    	font-size: 13px;
    	margin-left: 12px;
    	width: 928px;
    #menu-heading,ol, ul {
    	font-size: 16px;
    	font-family: "Rock Salt", serif!important;
    	font-weight: bold;
    	font-color: #6a6bff;

    What I don't understand is how I can select only the navbar titles, and items in menus and drop down menus to feature the same font, and size.

    Any help would be greatly appreciated!!


  2. gidd
    Posted 1 year ago #


    Here is how you can change the font in nav menu.

    body #access .menu-header li a { font-family: "Rock Salt", serif; }

    Hope this helps.

  3. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    It looks like you don't have a child theme active on your site! Did you activate it?

  4. jampen26
    Posted 1 year ago #

    Thanks for the help guys!!

    :) No...I was in the shower this morning and I realised I hadn't yet activated the child theme. I currently don't have a connection that is strong enough for me to do my editing...so I will have to try again this afternoon and let you know how it goes.

    I suppose I should add the code that gidd lists above under the menu section of my child stylesheet? and can I add a command such as font-size: 20px within that?

  5. gidd
    Posted 1 year ago #

    Yes, you can.

  6. jampen26
    Posted 1 year ago #

    Ok so I have just activated my new child theme with the following code in the stylesheet:

    body #access .menu-header li a { font-family: "Rock Salt", serif; }

    There has been no change to the font of the nav menu, my "explore" menu is no longer a drop down menu and the background image I was using has gone.

    I seem to have lost the custom header I was using on the original theme (and I don't think I have the file on my computer as I was burgled last year around the time I was making the original changes to my theme).

    I tried looking in the twentyten directory to see if the header was saved there by I can't see anything that looks like it.

    I also seem to have lost all of the "likes" readers have given my previous two posts on the homepage.


  7. jampen26
    Posted 1 year ago #

    I thought that by adding

    @import url('../twentyten/style.css');

    the manual changes I had made to the original theme would be maintained (especially those that I had made in my WP dashboard?

    I mean, the font settings I had made manually suddenly disappeared last week...but nothing else seemed to be affected and now nothing is working.


  8. jampen26
    Posted 1 year ago #

    oh and my menu items are now also displaying in the wrong order.

    The main reason I wanted to create a child theme is because my menu fonts reset themselves to default last week....but nothing else on my site changed...so I am kinda surprised (and ignorant) as to why I have lost nearly all of my original settings.

    thanks in advance for your help!

Topic Closed

This topic has been closed to new replies.

About this Topic