By default, Divi displays superscripts in modules such as the text module at the same font size as the surrounding text. If you'd rather have superscripts shown at a different size (i.e. smaller) to the rest of the module text, here's how you can do just that.
The following CSS code sets the font size of <sup>
elements in a list of common modules to 75% of the default:
.et_pb_text sup, /* Text Module */
.et_pb_blurb sup, /* Blurb Module */
.et_pb_slider sup, /* Slider Module */
.et_pb_testimonial sup, /* Testimonial Module */
.et_pb_accordion_item sup, /* Accordion Module */
.et_pb_toggle sup, /* Toggle Module */
.et_pb_cta sup /* Call to Action Module */
{
font-size: 75%; /* adjust as needed */
}
Related Post: Adding CSS to the Divi Theme
This CSS targets the superscript text (<sup>
) within specific Divi modules – namely Text, Blurb, Slider, Testimonial, Accordion, Toggle, and Call to Action modules.
Simply put this code in the "Divi > Theme Options > General > Custom CSS" box.
Feel free to adjust the "75%" to the size that best suits your design needs.
0 Comments