Jump to content


Photo
- - - - -

Page Title Font Size

title font size

Best Answer Rob , 03 March 2013 - 07:45 PM

Hi Eric,

 

Do you have Firebug for Firefox or use Chrome's Inspection Tool? These tools will help you identify the specific elements you wish to change, even in a dev site, and will display the CSS applied to them.  You can even test changes in the sandbox the provide, then, when it is just the way you want it, copy and paste it to your Custom Code area.

 

Page titles are usually found in this element: h1, .fpost .entry-title

 

You really just need to adjust the font-size found there. Using one of those tools will do the trick!

Go to the full post


  • Please log in to reply
5 replies to this topic

#1 elangley

elangley

    Member

  • Members
  • 27 posts
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 03 March 2013 - 07:38 PM

Hello All,

 

I am trying to reduce the size of the page titles.

 

I cannot seem to find it anywhere in the documentation.

 

TYIA,

 

Eric

Website URL: abeo.us but you must host map to: 50.62.81.197 to see it as it is a dev site.
Framework Version: 2.4
WordPress Version: 3.5.1
Plugins in Use: Not many
Server/Host: VPS with Cpanel
Screenshots:
Details:



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 03 March 2013 - 07:45 PM   Best Answer

Hi Eric,

 

Do you have

Please Login or Register to see this Hidden Content

or use Chrome's Inspection Tool? These tools will help you identify the specific elements you wish to change, even in a dev site, and will display the CSS applied to them.  You can even test changes in the sandbox the provide, then, when it is just the way you want it, copy and paste it to your Custom Code area.

 

Page titles are usually found in this element: h1, .fpost .entry-title

 

You really just need to adjust the font-size found there. Using one of those tools will do the trick!



#3 elangley

elangley

    Member

  • Members
  • 27 posts
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 03 March 2013 - 08:11 PM

Rob,

 

Thanks. I found this:

 

h1, .fpost .entry-title {
font-size: 33.6px;
 
which I change to this:
h1, .fpost .entry-title {
font-size: 24px;
 
and pasted into Custom CSS so is looks like this;
body{}
h1,
.fpost .entry-title {
  font-size: 24px;
 
It does not change the size of the title though.

~eric
 
 


#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 03 March 2013 - 08:14 PM

Eric, I think you're missing the closing operand.

This:

h1,
.fpost .entry-title {
  font-size: 24px;
 
Should be:
h1,.fpost .entry-title {
  font-size: 24px; }


#5 elangley

elangley

    Member

  • Members
  • 27 posts
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 03 March 2013 - 08:16 PM

Yup. that was it. Resolved.

 

Thanks a lot.

 

~eric



#6 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 03 March 2013 - 08:18 PM

No problem. Glad to have helped!







Also tagged with one or more of these keywords: title, font, size