Written by Dan Mossop
Normally the Divi Theme sets the color of the bottom footer to be a slightly darker shade of the main footer. If you’d like to take control of the bottom footer color and set it to something else, you can just use CSS similar to the following:
#footer-bottom { background-color: #ff0000 !important; } Related Post: Adding CSS to the Divi Theme
Hundreds of new features for Divi
in one easy-to-use plugin
We may earn a commission when you visit links on our website.
When Icon List items wrap onto multiple lines, the default icon alignment can make the icon appear vertically centered next to the text, which may look unbalanced or harder to scan. Setting the icons to align at the top creates a cleaner, more consistent...
This configuration makes a Divi button stretch to the full width of its container while keeping its label neatly centered, creating a bold, edge-to-edge call-to-action. You might want this for hero sections, pricing tables, or any layout where a standard-sized button...
Sometimes it's the small things that make the difference... there is a minor typo in the Divi Social Media Follow module that was present in Divi 4, and (currently) remains in Divi 5. Specifically, the tooltip for Flickr is misspelled as "Flikr". Here's how to fix...
Give your Divi layouts a polished, glassmorphism look by blurring the content behind a semi‑transparent Divi section, row or module. This effect enhances readability over busy or textured backgrounds while preserving the visual impact of your imagery and layout. In...
Tailor the appearance of the dot navigation in the Divi Gallery module’s Slider layout by defining active and inactive colors, adjusting dot size, and applying a border to match your brand. Fine-tuning these details improves visibility, accessibility, and overall...
Thanks for the code
ReplyWhere do you paste this text?
ReplyTried to change the footer background color in the theme for 30 minutes and never did get it to work.
Used your CSS code and got it changed in less than 1 minute.
Thanks for the Help!
Thanks for the code
Where do you paste this text?
Hi Sarah, there are a few options, the simplest being to add it at the end of the Divi Custom CSS box (Divi > Theme Options > General > Custom CSS). This post mentions some others:
https://divibooster.com/adding-css-to-the-divi-theme/
Tried to change the footer background color in the theme for 30 minutes and never did get it to work.
Used your CSS code and got it changed in less than 1 minute.
Thanks for the Help!