Getting StartedTheme Options Page OptionsPost TypesElementorWPBakeryTemplates BuilderExtrasDynamic Content How To
TheGem Documentation
General Elements
Dropcaps

Dropcaps


Letter: enter the symbol (number, letter etc.) for your dropcap

Shape: select the shape of your dropcap

Style: select the style of your dropcap

Color: use this option to customize default font color of your dropcap

Border Color: use this option to customize default border color of your dropcap

Background Color: use this option to customize default background color of your dropcap


Useful CSS

Dropcap size and font-size:

.gem-dropcap .gem-dropcap-letter {

width: 60px !important;

height: 60px !important;

line-height: 60px !important;

font-size: 50px;

font-weight: 400 !important;

}

You can modify this css and insert it in Theme Options -> Custom CSS to apply on all dropcaps:

To apply this custom CSS on a single content element only, use the "Extra class name" field in this element in WPBakery:

The example of the css selector for the "custom-dropcap" class name in this case:

.custom-dropcap .gem-dropcap .gem-dropcap-letter {

width: 60px;

height: 60px;

line-height: 60px;

font-size: 50px;

font-weight: 400;

}