Support » Themes and Templates » How to change the font size of a page title

  • I would like to make the title on all pages smaller. When I edit/create a page I get the opportunity to change the size of the text in the body of the page using the format toolbar provided (e.g. I can select ‘Heading 1, Heading 2 etc.). However, no such toolbar is provided for the page title.

    Secondly, how do I change the font type / size of the body of a page if I don’t like what is provided in the ‘format’ drop down box (where I’m restricted to selecting only Headings 1…Headings 6).

    Thanks in advance…

    Tony Garciaserra.

Viewing 10 replies - 1 through 10 (of 10 total)
  • esmi

    (@esmi)

    Forum Moderator

    You will need to edit your theme’s stylesheet.

    Ok. I’m a newbie to this kind of thing. Can you direct me to documentation / tutorials that will tell me know to change the font size of text by editing the stylesheet? Sounds like it will require knowledge of xml or html.

    Thanks for the quick response.

    Emil Uzelac

    (@emiluzelac)

    Theme Review Admin

    Take a look at this video http://youtu.be/kPb-WOgERr0 entire explanation is there 🙂

    Enjoy,
    Emil

    Hope “Emil” reply will help!

    If you post your theme’s link here, i will definitely figure out that for you.

    [sig moderated as per the Forum Rules]

    Thanks gentlemen. I’ll check out the link emil gave me and see how it goes.

    Much appreciated….

    The link Emil provided was helpful. I’m learning fast with the resources that have been provided. However, I’ve discovered something along the way that may solve most of my current issues and would like to take you up on the offer to look at my blog.

    The link is http://oblog.garciaserra.com/oblog

    Here’s the main issue in a nutshell: I purchased the veer theme specifically with the intent of using the simple layout (as opposed to the 2 or 3 col layout). You’ll see on my site that I’ve implemented it. However, the font sizes on my site do not match the font sizes on the demo version of the veer template (simple layout).

    In particular, the title of each post on my site is much larger than the title of the sample posts on the demo version.

    Right now fixing this is the biggest concern. There are about three other adjustments/tweeks I need to be able to make but they can wait for now.

    Again, thanks in advance for the help.

    Tonyg

    P.S. – I haven’t edited the code at all. I am hoping that there is something simple in the way I have configured the theme that will fix this. I’ll wait to hear back from you…

    In your wordpress dashboard, goto appearance>editor

    Look on the right hand side for reset.css and click on it to open it for editing.

    Add the following code:

    H2.posttitle A
    {
    	font-size: 14pt;
    }

    Change 14 to whatever number you want to adjust the size.
    have fun!

    PS. You can change the page titles while you are in there by adding this code:

    H2.posttitle A
    {
    	font-size: 17pt;
    }

    Thanks mydanblog. I was able to find the spots in the style sheet where the heading font sizes are changed. I opted to use em values instead of hardcoding the info.

    The issue of changing font sizes has been resolved.

    Time to move onto the next few items I need to fix…

    I have the same problem with changing the size of the page title.
    I’ve searched on different forums, and I’ve found different solutions.
    Some people recomended to change the style.css here I’ve found the idee to add some code into reset.css file.

    Are there other possible files that need modification?
    Thanks !

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘How to change the font size of a page title’ is closed to new replies.