Jump to content


Photo
- - - - -

How to change footer font size

footer css

Best Answer ikkledesigns , 02 January 2013 - 09:58 PM

You are a star! That did the trick.

 

For anyone else that needs to do the same they can give this a try:

 

#footer .widget .textwidget {font-size: .8em;}

 

putting it into their custom CSS section of the pagelines framework.

 

many thanks Catrina

Go to the full post


  • Please log in to reply
4 replies to this topic

#1 ikkledesigns

ikkledesigns

    Newbie

  • Members
  • 5 posts
  • Country: Country Flag

Posted 02 January 2013 - 02:53 PM

Hi there, have read a few posts on this topic and tired some of the css code to change the footer font size. 

 

Tired it by 1) using html in the widget area itself - which messed things up and 

2) using custom code from similar requests on the forum - neither have had any impact. (adsonwheels)

 

Site is in fixed width mode.  Any help would be appreciated.

 



#2 catrina

catrina

    Advocate

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

Posted 02 January 2013 - 03:12 PM

Have you tried using this?:

Please Login or Register to see this Hidden Content



#3 ikkledesigns

ikkledesigns

    Newbie

  • Members
  • 5 posts
  • Country: Country Flag

Posted 02 January 2013 - 07:34 PM

Hi Catrina,

 

I've tired - .widget .textwidget #footer {font-size: .5em;}

as #footer by itself effected the font for all the footer columns - when I just want to change a single text box widget in which I have the 'copyright details'.

 

I got  '.widget .textwidget' by using firebug - but it's still not right.



#4 catrina

catrina

    Advocate

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

Posted 02 January 2013 - 07:50 PM

You need to reverse the position of your selectors like so:

 

Please Login or Register to see this Hidden Content



#5 ikkledesigns

ikkledesigns

    Newbie

  • Members
  • 5 posts
  • Country: Country Flag

Posted 02 January 2013 - 09:58 PM   Best Answer

You are a star! That did the trick.

 

For anyone else that needs to do the same they can give this a try:

 

#footer .widget .textwidget {font-size: .8em;}

 

putting it into their custom CSS section of the pagelines framework.

 

many thanks Catrina







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