Hello, how would I change the white under my footer to a different color? Unless I’m mistaken it doesn’t seem to be linked to the color scheme I use on anything else in my “Origin” theme.
Hi @PoW8 ,
I’ve had a look at your theme, and it seems the footer background color is being controlled by Color Scheme 1. You can find this setting in the theme customizer: Theme settings > Colors > Schemes > Scheme 1.
If you change the ‘background’ color there, it will update your footer BUT it will also affect the background color of other parts of your webpage that use Color Scheme 1.
If you want to change the footer background color only, you’ll need to edit the theme code. Here’s how:
- Go to Theme > Edit Code.
- Navigate to Assets > section-footer.css.
- Add this code to the file:
.footer {
background: #dde2ff; <-- replace this with the hex code of the color you want
}
Hi @PoW8 ,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css Add the provided code at the end of the file.
.footer {
background-color: #f0f0f0 !important; /* Replace with your desired color */
}
Unfortunately it didn’t work.
Try this code
footer.footer.color-scheme-1.gradient.section-sections--22990356971796__footer-padding {
background-color: antiquewhite !important;
}
1 Like
Thank you again. I really appreciate it.