WordPress.org

Ready to get started?Download WordPress

Forums

How to change the main text in TwentyTen (11 posts)

  1. paullinton61
    Member
    Posted 9 months ago #

    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

  2. paullinton61
    Member
    Posted 9 months ago #

    sorry - i do mean the font size, although i also want to change the text colour too :)

  3. Andrew
    Forum Moderator
    Posted 9 months ago #

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

  4. paullinton61
    Member
    Posted 9 months ago #

    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

  5. Andrew
    Forum Moderator
    Posted 9 months ago #

    Are you using Firebug or an equivalent tool?

  6. paullinton61
    Member
    Posted 9 months ago #

    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??

  7. Andrew
    Forum Moderator
    Posted 9 months ago #

    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.

  8. paullinton61
    Member
    Posted 9 months ago #

    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?

  9. Andrew
    Forum Moderator
    Posted 9 months ago #

    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?

  10. paullinton61
    Member
    Posted 9 months ago #

    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}

  11. Andrew
    Forum Moderator
    Posted 9 months ago #

    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.

Reply

You must log in to post.

About this Topic