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


This topic has been archived. This means that you cannot reply to this topic.
4 replies to this topic

#1 ikkledesigns

ikkledesigns

    Newbie

  • Members
  • 5 posts

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

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

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

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

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