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

  1. jampen26
    Posted 2 years 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. Vichet Sen
    Posted 2 years 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
    Forum Moderator
    Posted 2 years ago #

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

  4. jampen26
    Posted 2 years 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. Vichet Sen
    Posted 2 years ago #

    Yes, you can.

  6. jampen26
    Posted 2 years 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 2 years 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 2 years 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