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 October 2015] The CSS code below was used on the legacy Divi 2.3 version and all snippets are untested on any other versions.
CSS Snippets for Divi 2.3 (legacy)
Note: the hex colours below – change 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.
Divi Theme Examples – site created and curated by Craig Longmuir showcasing websites built using the Divi themes.
Divi Theme Examples Resources – want to customise your Divi site? Bookmark this great custom css resource.
Quiroz.co – Geno Quiroz uses Divi on his website and his blog posts are a rich source of custom css snippets and tutorials.
Divi.space – by SJ James, creator of the FB Private Group and css master! Another excellent resource to bookmark.
ElegantChildThemes.com – founded by Nathan Duvall, author of the child theme I use on this website!