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

Styled Lists

Type: choose a bullet icon you wish to use in your list

Color: choose a color for your bullet

Content: here you can edit your list as usually


Useful CSS

Styled List font-size:

.gem-list li {

font-size: 24px !important;

}

Styled List icon font-size and color:

.gem-list > ul > li:before {

font-size: 30px;

color: #000000 !important;

}

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

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-styled-list" class name in this case:

.custom-styled-list .gem-list li {

font-size: 24px;

}