WPFolio: Cannot change font sizes

  • tedwad

    (@tedwad)


    12 years, 11 months ago

    Hi

    I’m using the child theme of WPFolio, and I’ve been trying to change certain font sizes, in particular the post title and content sizes.
    Here is the website: http://www.bearaygardens.com/

    The portfolio section is a category, with a couple of posts on it, and it’s the font sizes of (1) the post titles which appear under the thumbnails, and (2) the content of the posts themselves which I want to change.

    I’ve read lots about it and I’m pretty sure I understand what I’m supposed to be looking to change in the style sheet but nothing I’ve tried has worked. Many changes I’ve tried, not just with the font size, seem to have no effect whatsoever. I was able to change the font size of the content of the pages ok, but that of the posts seems to behave differently – or I’m looking in the wrong section. I use IE by the way, and I’ve read that it deals with fonts differently to other browsers but I believe the problem is something I’m doing wrong.

    Thanks to anyone who can help
    kind regards
    T

Viewing 5 replies - 1 through 5 (of 5 total)
  • Lara Schenck

    (@notlaura)

    12 years, 11 months ago

    Use Firefox and install the addon Firebug – it has an inspect element tool that lets you see the style of different elements on a page. Then, for IE, use percentages or em instead of px when defining your font sizes. 100% and em are worth about 16 px – read up on font units here.

    Thread Starter tedwad

    (@tedwad)

    12 years, 11 months ago

    thankyou i will try that

    Thread Starter tedwad

    (@tedwad)

    12 years, 11 months ago

    ok so I tried firefox and firebug. Firebug is a fantastic tool, and I was baffled at first because it revealed I had indeed been looking in all the right places in the parent stylesheet.

    The problem in the end was that I was adding the changed styles on the bottom of the child theme’s stylesheet, and as I said in my first post it made no difference whatsoever. When I added the changes further up the page, amongst changes I had previously made (ones which worked) then they immediately took effect, so problem solved.
    Is there an explanation for this?

    slambert

    (@slambert)

    12 years, 11 months ago

    post your URL so we can look at the stylesheet

    Lara Schenck

    (@notlaura)

    12 years, 11 months ago

    CSS stands for Cascading Style Sheets which means everything is read like a cascade – from top to bottom. When putting together your stylesheet, you should have the general styles (body, wrapper, header, etc) at the top of the page and more and more specific styles as you go down.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘WPFolio: Cannot change font sizes’ is closed to new replies.