How to change the main text in TwentyTen

  • paullinton61

    (@paullinton61)


    10 years, 5 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

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

    (@paullinton61)

    10 years, 5 months ago

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 5 months ago

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

    Thread Starter paullinton61

    (@paullinton61)

    10 years, 5 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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 5 months ago

    Are you using Firebug or an equivalent tool?

    Thread Starter paullinton61

    (@paullinton61)

    10 years, 5 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??

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 5 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.

    Thread Starter paullinton61

    (@paullinton61)

    10 years, 5 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?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 4 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?

    Thread Starter paullinton61

    (@paullinton61)

    10 years, 4 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}

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 4 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.

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