Jump to content


Photo
- - - - -

How to change font sizes.


  • This topic is locked This topic is locked
14 replies to this topic

#1 ctrout01

ctrout01

    Newbie

  • Members
  • Pip
  • 4 posts

Posted 11 August 2011 - 06:59 PM

I would like to reduce the font size and line spacing a bit in the main body text, but am not a web designer, so feeling safe around CSS/code is not my forte. Can you tell me where and how I change this? Font is Lato. URL is www.christiantrout.com. Thanks.

#2 kastelic

kastelic

    Advocate

  • Members

  • 3081 posts
  • Country: Country Flag

Posted 11 August 2011 - 09:49 PM

Paste into Custom Code -> Custom CSS: body{ font-size:12px !important; line-height:20px !important; }

#3 kak8500

kak8500

    Member

  • Members
  • 21 posts

Posted 14 August 2011 - 06:23 PM

How do you do this for the font in the feature sliders and the call out?

#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 14 August 2011 - 06:31 PM

This is for the feature area excerpt:

Please Login or Register to see this Hidden Content


This is for the callout:

Please Login or Register to see this Hidden Content



#5 kak8500

kak8500

    Member

  • Members
  • 21 posts

Posted 14 August 2011 - 06:35 PM

Thanks! I posted exactly as you sent it and the only thing that changed was the text in the feature slider (which I was okay with) and not the header. It didn't do anything to the callout.

#6 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 14 August 2011 - 06:42 PM

For changing the feature area header:

Please Login or Register to see this Hidden Content


For changing the callout header:

Please Login or Register to see this Hidden Content


For changing the callout text:

Please Login or Register to see this Hidden Content


You need to change the number values to adjust the size (i.e. 12px to 15px or whatever you want).

#7 scotthuber

scotthuber

    Member

  • Members
  • 17 posts

Posted 20 March 2012 - 05:14 PM

I tried to do this in the custom code area (in global settings) but it doesn't appear to work? In the CSS rules section, I pasted this code and hit save. body{ #feature-area div.fheading h2.ftitle {font-size:12px !important;} #callout-area h2.callout_head {font-size:15px !important;} #callout-area div.callout_copy {font-size:15px !important;}} The site is here...

Please Login or Register to see this Hidden Content

Thanks...

#8 scotthuber

scotthuber

    Member

  • Members
  • 17 posts

Posted 21 March 2012 - 08:56 PM

Hi anyone... any answers? I don't believe I should start a new thread on this one, but I haven't heard anything. Thanks...

#9 leemac

leemac

    Member

  • Members

  • 21 posts
  • Framework Version:always running the latest version.
  • Country: Country Flag

Posted 23 March 2012 - 01:44 PM

Scott, remove the Body { and the last } from your code. You are trying to stick #callout-area, etc, into the Body CSS... thats not how CSS works.

#10 scotthuber

scotthuber

    Member

  • Members
  • 17 posts

Posted 23 March 2012 - 03:30 PM

Agreed entirely, yet that's not the advice given above in this thread, and nor does it work. My current settings:

Please Login or Register to see this Hidden Content

My current progress (no change to callout):

Please Login or Register to see this Hidden Content

Do I need to put this in custom css?

#11 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 24 March 2012 - 08:14 PM

Yes, and you are putting it in the custom CSS box.

Try this CSS instead:

Please Login or Register to see this Hidden Content



#12 joelightfoot

joelightfoot

    Newbie

  • Members
  • 1 posts

Posted 25 March 2012 - 08:43 PM

Hi, how do I change the size of the headers in general for pages, posts, etc.?

#13 scotthuber

scotthuber

    Member

  • Members
  • 17 posts

Posted 03 May 2012 - 09:39 PM

None of the above worked for me so I: 1. got firebug for Chrome (

Please Login or Register to see this Hidden Content

) 2. found the line of css and then used the pagelines customize plugin (

Please Login or Register to see this Hidden Content

) 3. and added the following to the pagelines-customize/style.css, located here (yourdomainname.com/wp-admin/plugin-editor.php?file=pagelines-customize/style.css&a=te&scrollto=284): .callout_sub { font-size:1.6em; margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; } (1.6em was 1.1em). This worked.

#14 cloudstem

cloudstem

    Member

  • Members
  • 11 posts
  • Framework Version:2.4
  • Country: Country Flag

Posted 27 February 2013 - 04:30 AM

None of these worked for me either my site is dyancomusa.net, please help!



#15 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 27 February 2013 - 04:36 AM

Hi Cloudstem, if you could open a new topic for us and let us know exactly which parts you're trying to edit. This threads quiet old now :-)