Custom footer help

[hanri]

Hi there,

We are building the footer area of our website using the X theme > Integrity.

How do we change the background colour of the footer widget section and the bottom footer section with the copyright. We would like them both to have a dark grey #4f4f4f background (fullwidth).

We would like the text in both footer sections to be white with links as a bright blue #0077c1.

Would you be able to help us create this look please?

Thanks so much!

[Themeco1]

This is an automated message to notify you that your thread was posted in the wrong forum, and it has been moved to the correct place. A member of our team will be happy to reply just as soon as your thread is up.

For support, all questions are to be posted in the Themeco category or by clicking + Support. The other categories are for discussion with fellow Apex members. Please keep this in mind in the future. Thank-you!

How support works.

[rahul]

Hey @hanri,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

[hanri]

Hi Rahul,

This is the url http://www.joshgen.org.za/ Hope that helps.

Sorry about posting the question to the wrong group, I’m new to this

Thanks for your help!

[Prasant]

Hello There,

You can add following CSS:

footer.x-colophon.top {
    background-color: #4f4f4f;
}

footer.x-colophon.bottom {
    background-color: #4f4f4f;
}

footer p {
    color: #fff;
    text-shadow: none;
}

footer a {
    color: #0077c1 !important;
    text-shadow: none;
}

Let us know how it goes.

Thanks.