How do I change the default font size for page content and page title.

Support Area › Forums › Authentic › How do I change the default font size for page content and page title.

Tagged: , ,

Viewing 22 posts - 1 through 22 (of 22 total)
URL to the page in question:
  • Author
    Posts
  • September 22, 2011 at 06:06 #3717
    ACCess
    Participant

    How do I change the default font size for page content , and for the Page Title – I’ve successfully managed to change the widget fonts as per your instructions. I am not a css user and not proficient in html.

    September 22, 2011 at 11:50 #3720
    Bill Robbins
    Moderator

    No one was born with knowledge of CSS or HTML so you’re in the same boat every professional was in at one point.

    Here’s how to change the font-size for page content. Go to the “Colors and Styling” section of the theme options again. Scroll down to the very bottom for the custom css box. Paste this code in there to control the page paragraph size fonts:

    .wrap p, .wrap li, .wrap { font-size: 18px; }

    You can adjust the size by changing the 18 to a different pixel size. Next to change the page titles, you’d use this:

    .page h1 { font-size: 32px; }

    Again change the 32 to adjust the size.

    September 28, 2011 at 05:38 #3772
    ACCess
    Participant

    thanks Bill for your promptness and patience – great customer service! I am recommending you to all that ask about our new website.

    September 28, 2011 at 07:00 #3775
    Bill Robbins
    Moderator

    I’m glad I could help and thanks for the recommendations. I do appreciate it.

    January 12, 2012 at 14:00 #4632
    Jon Gilgoff
    Participant

    Hello Bill:

    I have an HTML question. I’m trying to set up a page using the HTML option but it doesn’t seem to be working (it just displays as plain text).
    Here’s the ‘code’ I’m using:



    I have the Foundation theme (an older version) and I’m using the default template. Any
    advice on how to proceed?

    Thanks!

    January 12, 2012 at 14:04 #4634
    Jon Gilgoff
    Participant

    Whoops, it looks like the html code didn’t show on that last one. Let me try again:



    Thanks!!

    January 12, 2012 at 16:40 #4636
    Bill Robbins
    Moderator

    Jon,

    Sorry it’s a bit tough to post code. I use a service at gist.github.com to enter code and then paste links to it in the forum.

    Thanks

    January 12, 2012 at 16:53 #4637
    Jon Gilgoff
    Participant

    Okay, I entered the code on gist. Here’s the link:

    https://gist.github.com/93bc9fbcfa518626693c

    Hopefully that works!

    January 12, 2012 at 22:16 #4648
    Bill Robbins
    Moderator

    You’re on the right track. If you’d like to make that change across the entire theme, here’s how.

    1. Go to the appearance section and select edit to open up the theme editor.
    2. From the list of files on your right, choose style.css
    3. Scroll down to the very bottom and paste this:

      p { font-family: verdana; color: blue; font-size: 18px; }

    4. Save your changes.

    You also might try a plugin called Fontific. It’s a good typography editor.

    January 13, 2012 at 15:13 #4660
    Jon Gilgoff
    Participant

    Thanks for the response, Bill! Actually, though, I know how to change font across the entire theme. I’m having a problem getting the HTML to work on specific pages (note: the HTML works fine in the sidebars).

    As you know, when you’re entering text into a page template you’re given two options:
    Visual or HTML. When I enter text using the HTML option it doesn’t work–the page displays as plain text.

    Here’s the link to the code I’m using:

    https://gist.github.com/93bc9fbcfa518626693c

    I have the Foundation theme (v 1.1.1) and I’m using a default template (the HTML option doesn’t work on the other page templates either.) Any advice on how to proceed? Do I need a specific plug in??

    Thanks for all your help with this! I’ve been recommending Organized Themes to everyone I know!!

    January 13, 2012 at 15:20 #4661
    Bill Robbins
    Moderator

    Just to be clear, when you’re entering the HTML into the HTML tab of the page editor, you’re not including the <html> and <body> tags? You’re only using <p style=”font-family: verdana; color: blue; font-size: 18px;”;>Your content<p> right?

    January 14, 2012 at 21:53 #4664
    Jon Gilgoff
    Participant

    Hello Bill:

    I’ve tried it WITH the , tags and WITHOUT. Neither way works. Here’s a link to the Edit Page in our Dashboard:

    http://brothersontherise.org/wpfiles/wp-admin/post.php?post=46&action=edit&message=10

    if you want to take a look.

    Thanks!!

    January 14, 2012 at 21:55 #4665
    Jon Gilgoff
    Participant

    I meant I’ve tried it with the html and body tags and without the tags.

    January 16, 2012 at 12:53 #4685
    Bill Robbins
    Moderator

    I took a look at the source code of your site. For the text widgets, do leave out the body and html tags. You should be fine with just the paragraph ones.

    For the actual page content, what the WordPress visual editor does, is it wraps the content you’d like to adjust in a span tag that looks something like this:

    Spans are inline elements, so you can place them inside your paragraph tags if you’d like to.

    Since this is how the Visual editor adds the styling, I’d suggest going that route too.

    Let me know if you have any trouble.

    January 16, 2012 at 20:21 #4693
    Jon Gilgoff
    Participant

    Hi Bill:

    Well I must be doing something wrong because I still can’t get it to work.
    Here’s a link to the Edit Page in our Dashboard if you want to take a look:

    http://brothersontherise.org/wpfiles/wp-admin/post.php?post=46&action=edit

    Thanks!!

    January 16, 2012 at 20:24 #4694
    Jon Gilgoff
    Participant

    Oh wait, I just tried it with a different browser and it worked!!
    Thanks for all your help!!

    January 17, 2012 at 10:08 #4706
    Bill Robbins
    Moderator

    That’s great news Jon. Let me know if you need anything else.

    April 17, 2012 at 12:28 #5655
    jaelt
    Participant

    Bill- I’m not getting the CSS code you suggested to work. I’d like to reduce the size of text in the paragraphs. Suggestions? (Bottega theme)

    April 17, 2012 at 12:28 #5656
    jaelt
    Participant

    I also can’t get Google Fonts plugin to change the font in the “pages/menu options” on the top right – next to the logo. I can change the headings, roll-over buttons and paragraph text, but not the pages.

    April 18, 2012 at 08:43 #5670
    Bill Robbins
    Moderator

    Jaelt,

    I’d be glad to help out. Any chance you could post a link to your site so I can take a closer look?

    Thanks,
    Bill

    April 18, 2012 at 10:24 #5678
    jaelt
    Participant

    Thanks, Bill! http://www.jael.com/oldmarket

    April 19, 2012 at 13:10 #5720
    Bill Robbins
    Moderator

    Jaelt,

    To change the navigation menu items with the plugin, you’ll need to use this in the box for Custom CSS that it provides:

    
#navigation li  { font-family: 'Allura', arial, serif; }

    That will change the navigation items to the Allura font. I saw you were also loading Droid Serif. If you’d like to use it, the code would look like this:

    
#navigation li  { font-family: 'Droid Serif', arial, serif; }

    Give that a try and let me know if you have any questions.

    Your site looks great by the way. I’d love to include it in our new showcase if that’s ok with you.

    Bill

  • Author
    Posts
Viewing 22 posts - 1 through 22 (of 22 total)
  • The topic ‘How do I change the default font size for page content and page title.’ is closed to new replies.