WordPress.org

Support

Support » Themes and Templates » How to change the main text in TwentyTen

How to change the main text in TwentyTen

  • paullinton61
    Member

    @paullinton61

    I have a TwentyTen Child folder where I am trying to change the size of the text in the main body of my website. I put the following code but nothing changes 

    #content h1,
    #content h2,
    #content h3,
    #content h4,
    #content h5,
    #content h6 {color: #0000FF; font-weight: bold; margin: 0px 0px 5px;
    }

    But I have managed to change the colour of some headings like this:-

    #content,
    #content p,
    #content ul,
    #content ol,
    #content input,
    #content dd,
    #content pre,
    #content hr,
    #content text area,
    {color: #0000FF;
    }

    Please could someone tell me what I ned to do to change the size of the main text?

    Thank you in advance.
    Paul

Viewing 10 replies - 1 through 10 (of 10 total)
  • paullinton61
    Member

    @paullinton61

    sorry – i do mean the font size, although i also want to change the text colour too 🙂

    Can you link the page you’re trying to style?

    paullinton61
    Member

    @paullinton61

    thanks for your quick reply Andrew.

    actually, it is the whole of my website that i am trying to set the main body text smaller.

    i have simply downloaded the standard twentyten theme and added a very basic child folder.

    the website is rentapartmentmakati.com

    thanks,

    Paul

    Are you using Firebug or an equivalent tool?

    paullinton61
    Member

    @paullinton61

    i am a nervous beginner who is exploring this ‘design change’ for the first time.

    i have downloaded firebug this morning but i am struggling trying to use it, and struggling to understand why the main text does not change, although i managed to change the H tags??

    I’m not sure if you’ll understand this but you’re not using specific-enough selectors.
    http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

    You can find the CSS selectors that you need to target in Firebug. Right click on the title, for example, and select ‘Inspect element’. Then look along the right-hand-side for the CSS selectors to target.

    paullinton61
    Member

    @paullinton61

    phew! thanks for the link, Andrew. I guess I understand the concept which it is trying to show, although i only 1% know how to remedy my problem.

    i tried the firebug and inspect element. the right hand box showed:-
    element { } inline
    #content p
    #content ul
    #content ol,
    #content input,
    #content dd,
    #content pre,
    #content hr,

    but i am not sure where to start next or what to add in my child theme?

    When I right clicked on the “Rent Apartment or Condo in Makati and Manila” title and selected “Inspect element” in my Firebug lesser-equivalent tool I saw this style:

    #content .entry-title {
    color: #000;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 0;
    }

    Do you see that with Firebug?

    paullinton61
    Member

    @paullinton61

    yes, when i right click i see all that you have mentioned above (although the color# seems to be on a differenmt line in the css).

    when i right click the main body text i see the #content p again.

    but then, maybe a light bulb experience?? i scrolled won and saw “inherited from div#content” where i see the font-size. i changed it and it worked. that was great instructions, Andrew – many thanks for your patience and guidance – much appreciated.

    i guess i now need to add something to my Child theme like this????

    div#content {font-size: 14px}

    Oh sorry I thought you wanted to change the size of the heading text.

    To change the body text yes you’d put that in your Child Theme.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘How to change the main text in TwentyTen’ is closed to new replies.