Jump to content


Photo
- - - - -

How to change css to make the sidebar font larger

css sidebar font

  • Please log in to reply
3 replies to this topic

#1 lroberts00

lroberts00

    Advanced Member

  • Members

  • 60 posts
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 21 March 2013 - 08:32 PM

How do I change the css to make the font larger on the sidebar but not the content?

 

Please Login or Register to see this Hidden Content

 

thanks!

larah



#2 catrina

catrina

    Advocate

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

Posted 21 March 2013 - 08:33 PM

You’ll need to use Custom CSS (in Site Options > Custom Code > Custom CSS/LESS). To find the Custom CSS you need, you'll need to use Firebug (or Chrome Development tools). To learn how to use Firebug for CSS customizations, please review this entire documentation and follow the instructions:

Please Login or Register to see this Hidden Content

For help with the font-size attribute, please see these instructions:

Please Login or Register to see this Hidden Content



#3 lroberts00

lroberts00

    Advanced Member

  • Members

  • 60 posts
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 21 March 2013 - 10:50 PM

Caterina, I know how to do all that, I am just having trouble locating the sidebar element that changes its font size. I'm using firebug, just can't seem to find it.



#4 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 22 March 2013 - 03:43 AM

Hi Larah 

 

When you're looking in the css, there won't be one setting which will adjust all the text inside the sidebar section unfortunately. It will be more specific, so they'll be various elements inside the sidebar, each using their own css and you'll need to edit the font size for each of them.

 

For example in your site, you have two widgets, inside that widget there's a widget title and then some links. You'll need to edit the font-size for the title and for the links separately. See the example below.

 

Please Login or Register to see this Hidden Content







Also tagged with one or more of these keywords: css, sidebar, font