Trying to change the footer background and text color

[Doug]

I'm trying to follow the instructions on this post (link) but having no success.

This is the code I'm using in the 'footer scripts' area of 'Customize':

.site-footer {
background-color: gray;
color: white;
}

But that text is actually showing up in the footer (I've since removed it).

I'd also like to have a matching background for the simple social icons field just above the footer, but am not sure how to change that background, or if those icons can be relocated to the footer.

I'm reviewing these areas in inspect, but not understanding what I'm seeing.

Any guidance on this greatly appreciated.

https://dougschumacher.com/

[Brad Dalton]

If you look in your style sheet you'll find these CSS rules

.footer-widgets {
	border-top: 1px solid #eee;
	background-color: #fff;
	clear: both;
	padding: 60px 0;
}

.site-footer {
    background-color: #fff;
    border-top: 1px solid #eee;
    font-size: 15px;
    line-height: 1.5;
    padding: 30px;
    text-align: center;
    color: red;
}

When i modify the value for the background-color it works and when i add a declaration for the color:red; it also works.

---

Recent Client work

[Doug]

Thanks, Brad. I got that working.

I was thinking this code had to go in the Customize > Theme Settings > Header/Footer Scripts > Footer Scripts text field, but apparently not.

Greatly appreciate your input.
doug

[Brad Dalton]

Hey Doug

Footer scripts are for js only. CSS should always go at the end of your child themes style.css file

---

Recent Client work

[munichmotor]

https://profreesoftz.com/

[munichmotor]

Home

Car Repair Workshop In Dubai – We Repair Audi Mercedes BMW Porsche

[Author]

Posts