[TrevHParticipant]

Hello,

I would like to create a footer 1 widget area for Terms, Policy, About, etc. with 3 options.
I, would like set the background to a dark gray and the font to orange color and change font size smaller?

Thanks,

[JoaoModerator]

Hi There,

Go to Appearance Customizer Footer turn on 1 widget area.

Go to Appereance Widgets and add a text widget with the content. Once you have done that please provide your URL in order that we can help you with further customization.

Thans

[TrevHParticipant]

This reply has been marked as private.

[TrevHParticipant]

This reply has been marked as private.

[FriechModerator]

Hi There,

So you need 4 Widget Areas? Please navigate back to Appearance > Customize > Footer and set the Widget Areas to 4.

On the Appearance > Widgets you should see that the 4 Widget areas are available for you to place some widgets on it. Those 4 areas represents as the footer columns on the frontend.

For the dark gray background and orange text, please add this on the Custom > Global CSS on Customizer.

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

footer.x-colophon.top .h-widget,
footer.x-colophon.top .textwidget,
footer.x-colophon.top a {
	color: #f94e10;
}

Hope it helps, Cheers!

[TrevHParticipant]

This reply has been marked as private.

[ThaiModerator]

Hi There,

Please update the previous CSS to this:

.x-colophon.top {
	background-color: #212121;
}
.x-colophon.top .h-widget,
.x-colophon.top .textwidget,
.x-colophon.top a {
	color: #f94e10;
}
.x-colophon.top .h-widget {
    font-size: 16px;
}
.x-colophon.top a {
	font-size: 13px;
	text-decoration: none;
}

Hope it helps 🙂

[TrevHParticipant]

This reply has been marked as private.

[RupokMember]

You are welcome!

Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Cheers!

[Author]

Posts