Jump to content


Photo
- - - - -
Resolved

How To Change Footer Font Size And Background Color?

footer background font font size

  • Please log in to reply
8 replies to this topic

#1 adsonwheels2012

adsonwheels2012

    Newbie

  • Members
  • 7 posts
  • Country: Country Flag

Posted 08 November 2012 - 09:41 PM

Hi there,

I'm having a couple problems:
  • How, and more importantly, where do I change the font size of the items in our footer columns? We want to make the font much smaller, but I can't for the life of me find where to put to the code. I have tries the CSS/LESS field, and the footer.php. No dice.
  • How do I tell the footer to have its own background? We want the footer to have a solid color background that infinitely spans horizontally and vertically. Right now, it's transparent.
Thanks!

#2 James B

James B

    Advocate

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

Posted 08 November 2012 - 11:09 PM

Hi there,

Both of the above questions will require custom Css, what Css have you been entering in the custom code field so far? We don't advise against entering any code into the core files as these could break the site or be wiped on updates.

#3 adsonwheels2012

adsonwheels2012

    Newbie

  • Members
  • 7 posts
  • Country: Country Flag

Posted 09 November 2012 - 12:36 AM

So far I've just tried popping in simple CSS targeting the footer, but clearly I'm overlooking something. Basically what I've put in resembles the following (what exactly should I be putting in?):


.footer {
background: #585858;

font-size: 8px;
}

That's essentially it, and a few other minor permutations. I'm surprised the option isn't in the theme itself.

#4 James B

James B

    Advocate

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

Posted 09 November 2012 - 01:19 AM

Looking at your link the site is set up in fixed width mode, so the css is slightly different for the footer. You'll need to add the following.

Please Login or Register to see this Hidden Content



#5 adsonwheels2012

adsonwheels2012

    Newbie

  • Members
  • 7 posts
  • Country: Country Flag

Posted 09 November 2012 - 03:12 AM

Thanks! That helped - though it sprung up a couple lingering new issues;
  • The changes don't seem to be reflected on the homepage, but only the static pages (example:

    Please Login or Register to see this Hidden Content

    shows the changes, but not the root ../sitetest/). The site is set to have a static page for its front page (this was off initially, but I set one, and the issues persisted.)

    EDIT: It seems to be working, now, after changing the static page's order to 0. I'm aware that the background is now off, 'cause I set the site to full-width.
  • I was able to globally resize the fonts in the footer, but what do I need to do to target the column headers? They're now too small
Thanks again!

#6 Rob

Rob

    One Smart Egg

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

Posted 09 November 2012 - 03:47 AM

Try this:

Please Login or Register to see this Hidden Content



#7 adsonwheels2012

adsonwheels2012

    Newbie

  • Members
  • 7 posts
  • Country: Country Flag

Posted 09 November 2012 - 04:35 AM

Awesome, thanks!

Also, the root cause of the 'changes not being reflected' issue was the fact that wp-super-cache was running, unintentionally (hence, changing the ID of the page made the site think it was 'new,' and not pull from the cache.)

#8 James B

James B

    Advocate

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

Posted 09 November 2012 - 04:41 AM

Excellent, I'm glad this worked for you. Yes whenever you're making changes we'd always advise you switch off any caching plugins so you can see the changes.

#9 James B

James B

    Advocate

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

Posted 09 November 2012 - 04:41 AM

The topic was marked as resolved.





Also tagged with one or more of these keywords: Resolved, footer, background, font, font size