Change the Superscript Font Size in Divi Modules

|

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 */
}

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.

This post may contain referral links which may earn a commission for this site

Divi Booster

Hundreds of new features for Divi
in one easy-to-use plugin

0 Comments

Submit a Comment

Comments are manually moderated and approved at the time they are answered. A preview is shown while pending but may disappear if your are cookies cleared - don't worry though, the comment is still in the queue.

Your email address will not be published. Required fields are marked *.