WordPress.org

Ready to get started?Download WordPress

Forums

Custom Menu
[resolved] Pilcrow - How to Change Font Style? (13 posts)

  1. plbenson
    Member
    Posted 1 year ago #

    http://www.GuyOliverSpeaks.com is the site

    How do I change the Font Style on:

    1. Menu Font Text

    2. Body Font Text

    3. Sidebar Font Text

    Would like to use:

    1. Oxygen for the body
    2. Armata for the nav menu and side bar

    http://wordpress.org/extend/plugins/custom-menu/

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    You'll need to modify the CSS code -- do you have a custom CSS option or plug-in set up? (Or a child theme?)

    Try using Firebug to work with CSS -- it shows you the CSS that's controlling specific elements on the page.

  3. plbenson
    Member
    Posted 1 year ago #

    Yes, I have that option -- I've looked in the CSS and don't see where to do any changes -- I know basic CSS so do know (or I thought) what to look for....

    I looked and do not see it.

    No Child Theme -- the framework is Pilcrow

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Are you using Firebug (or equivalent) - it shows the selector to use for the menu as:

    #nav {
       put styles here;
    }

    Depending on how specific you want to define fonts, this for the entire content section and/or sidebar separately:

    #content-box {
    
    }
    
    .content-sidebar #sidebar, .content-sidebar #secondary-sidebar {
    
    }
  5. plbenson
    Member
    Posted 1 year ago #

    Okay so what would this look like? And, will I put this into the CSS Style Sheet Editor to override the current CSS?

    1. Oxygen for the body
    2. Armata for the nav menu and side bar

    (Thank you so much!)

  6. plbenson
    Member
    Posted 1 year ago #

    Here is what the CSS shows:

    [Way too much code removed - CSS is all visible on your site -- no need to post it here. And please see the guidelines re: posting code:
    http://codex.wordpress.org/Forum_Welcome#Posting_Code ]

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Since those are Google Fonts, are they already enabled in your theme? If not, you'll need to install a plugin so you can use them:

    http://wordpress.org/extend/plugins/wp-google-fonts/

  8. plbenson
    Member
    Posted 1 year ago #

    Plug-in installed -- now what?

  9. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Add the ones you want: http://www.google.com/webfonts#HomePlace:home

    Then use the font-family in the CSS (which I posted above).

    http://www.w3schools.com/css/css_font.asp

  10. plbenson
    Member
    Posted 1 year ago #

    Does it matter if I do Font 1, Font 2...

  11. plbenson
    Member
    Posted 1 year ago #

    My choices do not have Menu..... as a choice any suggestion?

    All (body tags)
    Headline 1 (h1 tags)
    Headline 2 (h2 tags)
    Headline 3 (h3 tags)
    Headline 4 (h4 tags)
    Headline 5 (h5 tags)
    Headline 6 (h6 tags)
    Blockquotes
    Paragraphs (p tags)
    Lists (li tags)

  12. plbenson
    Member
    Posted 1 year ago #

    SO what do I put in the brackets below? For the Font Oxygen?

    =========

    #nav {
    put styles here;[WHAT DO I PUT IN HERE????]
    }

  13. tauraedgar
    Member
    Posted 1 year ago #

    i have also installed that plugin and configured it but it does not overwrite Oxygen's own limited google fonts styles. Any thoughts on how I can do that? unfortunately my blog is not public at this moment so i can't share it.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic