Accordion modules are really a solid way to clean up overwhelming content, allowing users to hone in on what they want, only, and alleviating the potential for TL;DR.
Divi provides these as a standard module that I find myself almost always using. For the most part the white/grey color of the module itself is fine, but one way to spice up the module is to color the + symbol with the client’s color scheme.
CSS:
.et_pb_toggle_title:before { color:#D49629; }
Easy Peasy!
Build Beautiful.
Native Texas, Logan Seth Ramirez is a computer science graduate from Trinity University and lives in San Antonio with his wife and four children. Along with being a web hero, he authored The Groom Wore White Socks, sings and songwrites as Logan Seth, and his favorite Spanish word is cacahuates.
Super Tip – Thanks! Is there a possiblity to insert Cliparts, Icons, Images within the Accordion title???
Hi, Rafael! Check out the ::before pseudo element. You can use the ‘content’ field of that element to insert items literally ‘before’ the element. So it’ll look something like
h4.widget_title:before {
content: url(‘path/to/file.png’);
}