Docs

[Andrea8Fortune]

Hello I need to change in grey the colour in the footer, I read the previous posts but it didn’t work with my website. I wanted to change the whole footer where I have 2 widget and I use in customize – Custom Jss

.x-colophon.bottom {
background-color:red;
}

Nothing changed. Can you please advice?

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

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

Thanks.

[Andrea8Fortune]

This reply has been marked as private.

[Friech]

Hi There,

Thank you for the credentials, for the bottom footer (menu links, social links, and Marketing 8 Fortune links). Please add this on your custom CSS.

/*normal state*/
footer.x-colophon a {color: red;}

/*hover state*/
footer.x-colophon a:hover {color: orange;}

For the top footer (address, phone, and email), the color code was inline to the markup html itself so you need to edit that text from the widget

e.g.
<h3><span style="color: red;">Phone: (02) 9568 5111</span></h3>

Hope it helps, Cheers

[Andrea8Fortune]

I am sorry my bad,the code you gave me changes the colour of the text, but I need to change the colour of the background. I used the command <div style=”background-color:#”> text</div> to change the colour of the backgroun with the widget but it didn’t work. Any suggestion there?

[Friech]

Hi There,

In that case, please add this css code instead.

footer.x-colophon {
	background-color: gray;
}

Replace the gray with the desired background color.

Thanks.

[Andrea8Fortune]

Thank you!

[Paul R]

You’re welcome! 🙂

[Author]

Posts