Useful CSS Snippets for Divi
Amy Valentine, Web Designer, NZ
Divi by Elegant Themes ships with a ton of awesome features, but sometimes you just want to edit the CSS Code to suit your requirements. Firstly, we recommend always using a child theme and place your customisations in your child style.css file.
To create a child theme we recommend using this Child Theme Builder freely available on divi.space.
Whilst I haven’t written tutorials on the code below, if you are comfortable using custom CSS and child themes then feel free to use some of the snippets below to customise your next Divi site.
[UPDATE] The CSS code below was used on legacy Divi 2.3 version and all snippets are untested on any newer versions.
CSS Snippets for Divi 2.3 (legacy)
Note: change the hex colours below to your site’s colours.
Divi Tutorials – by the team at Elegant Themes – this should be your first go-to resource for learning how to use Divi.
Divi Video Tutorials – by Elegant Themes. Perfect for a quick overview of each module, plus lots more video tutorials.
Quiroz.co – Geno Quiroz uses Divi on his website and his blog posts are a rich source of custom CSS snippets and Divi tutorials.
DiviSoup.com – By Michelle Nunan, creator of the Divi Academy, Divi Club Membership and Divi Tutorials.
BeSuperfly.com – By Nathan Duvall, Divi child themes, plugins & layouts
Take your WordPress website to the next level
Get a free no-obligation quote today!