Support » Themes and Templates » [TwentyEleven] Changing Navbar Font with Child Theme

  • Resolved pucklitaay

    (@pucklitaay)


    Hi guys,

    I’m using twentyeleven as a theme on my blog. Though I want to change the font of the Navigation bar. How can I change this? And how can I change the color of both the hover and regular nav bar?

    My site is currently closed, so I can’t post a link here.

Viewing 15 replies - 1 through 15 (of 18 total)
  • Moderator Andrew Nevins

    (@anevins)

    You need to use either a Child Theme or Custom Style/CSS plugin to modify themes not custom.

    Are you familiar with CSS?

    pucklitaay

    (@pucklitaay)

    Yes I am. I’m currently using a child theme but what do I have to modify to make the font change in the nav bar?

    Moderator Andrew Nevins

    (@anevins)

    It may be the anchor tag, but I’m just guessing.
    Can you Pastebin.com the contents of your HTML and CSS for the navigation?
    You can paste it in this thread if it isn’t long.

    pucklitaay

    (@pucklitaay)

    Here is the style.css of the child theme. It’s very short.

    /*
    Theme Name:            Twenty Eleven Child
    Theme URI:                http://oneofpoints.com
    Description:                Child theme for the Twenty Eleven Theme
    Author:                         Puck Litaay
    Author URI:                 http://oneofpoints.com/about/
    Template:                    twentyeleven
    Version:                       0.1.
    */ 
    
    @import url("../twentyeleven/style.css"); 
    
    #site-title a {
        color:  #000;
    } 
    
    #branding #searchform {
    display:none;
    }

    What do I add to this so I can change the font of the navi?

    Moderator Andrew Nevins

    (@anevins)

    Can you also post the HTML of the navigation?

    pucklitaay

    (@pucklitaay)

    What exactly do you mean? The information about the nav bar in the original TwentyEleven theme stylesheet? Or in some php file 🙂 ?

    Moderator Andrew Nevins

    (@anevins)

    Assuming you’re using Windows:

    • View the web page.
    • Right click anywhere on the page.
    • Select “View source”.
    • Copy all the code.
    • Paste it in Pastebin.com.
    • Link us the pastebin URL once completed.
    pucklitaay

    (@pucklitaay)

    You can view the HTML here:

    http://pastebin.com/tbWXmJz5

    Moderator Andrew Nevins

    (@anevins)

    To change the font styles to the navigation links, use the CSS;

    #access a {
     font-family: Your font family;
     color: #yourFontColour;
    }

    To change the font styles to the hovered navigation links, use;

    access a:hover {
     color: #yourFontColour;
    }

    Resource on font-familyhttp://www.w3schools.com/cssref/pr_font_font-family.asp

    Resource on color
    http://www.w3schools.com/css/css_text.asp

    zex2911

    (@zex2911)

    pucklitaay

    (@pucklitaay)

    It seems like none of these seem to influence the navigation bar? Any thoughts? ):

    Moderator Andrew Nevins

    (@anevins)

    Can you show the code you’re using?

    pucklitaay

    (@pucklitaay)

    I’m using the codes you sent me 🙂

    Moderator Andrew Nevins

    (@anevins)

    The code I sent you won’t work as is.
    You need to replace, “Your font family” and “yourColour” with relevant values.

    pucklitaay

    (@pucklitaay)

    I did, replace them with that – sorry forgot to mention that – but it still doesn’t work.

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘[TwentyEleven] Changing Navbar Font with Child Theme’ is closed to new replies.