Footer: Changing colour, making smaller

Activello
1

How do I make the footer smaller and change the colour?
Any information would be great.

Thanks

Trevor

2

Hi there,
I hope you’re doing well today

This can be done with the help of some Custom CSS. Kindly provide me with a link to a page with this so that I may be able to write up some CSS that should work for your setup.

Looking forward to your reply :slight_smile:

Best Regards,
Support.

3

heres a link to the page.
Was hoping to get the same colour for the footer as the hoover over colour.
Any help would be greatly appreciated.
Thanks a lot. You guys rock

Trevor

4

Just wanted a slimmer footer area but with the social icons and a change of colour.
If this is possible please let me know

Thanks either way

Trevor

5

Hey there,
Hope you’re doing well today

Kindly add and save the following code to Appearance > Customize > Additional CSS:

#footer-area {
background-color: #a3d1d1;
color: #999;
}

Background color controls the color of the background, while color controls the color of the text in the footer.

#social a:hover {
color: #5cb5b5;
}

The code above controls the color of the social icons, and the one below works for the icons on hover:

#social a:hover {
color: #5cb5b5;
}

I hope this helps :slight_smile:

Best Regards,
Support

6

Great thanks so much. Can I make the footer a little slimmer to with less pixels? Not affecting the social menu?
Thanks again for all the help

Trevor

7

Hey again,

Not sure I’m understanding your request.

I’m guessing you’d like to change the color of the social icons so that they don’t fade into the footer?

You can use the code below (you may change the color from white to whichever color you’d like) to change the color of the social icons on hover:

#social a:hover {
color: white!Important;
}

Please let me know if there are any other questions that I may help with. :slight_smile:

Best Regards,
Support

8

Sorry for the confusion. The code you sent for the colour worked great.

I am wondering if instead of the footer area being 40px (i think its 40) if the overall area could be smaller. Would this affect the social menu exxt that is in the footer area if it were made smaller to 20 or 30px?

Again thanks for all the help.

Your guys are great

9

Hey there,
Thanks for the clarification.

Here’s some CSS that should work for that:

#colophon{
  padding: 30px 0 !important;
}

Kindly add and save the code to Appearance > Customize > Additional CSS

Best Regards,
Support

10

Hey there,
Hope you’re doing well today

Did you manage to get this issue resolved?

Just asking so that I may provide some additional support, or close the ticket.

Please let me know.

I look forward to your reply :slight_smile:

Best Regards,
Support

11

Worked great.
Thanks so much for your help.

12

You are always welcome here :slight_smile: