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


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 *.