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

Quoted Text

Content: select the style for displaying your quoted text


Useful CSS

Quote font-size:

.gem-quote blockquote {

font-size: 27px !important;

font-weight: 300;

line-height: 1;

color: #123;

}

Setting paddings in quote:

.gem-quote blockquote {

padding: 20px !important;

}

Quote style default border colors:

.gem-quote.gem-quote-style-default {

border: 1px solid #ddd;

}

.gem-quote.gem-quote-style-default blockquote {

border: 1px solid #ddd;

}

Quote background color:

.gem-quote {

background-color: #000000 !important;

}

Quote icon color:

.gem-quote:after {

color: #000000 !important;

}

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

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-quoted-text" class name in this case:

.custom-quoted-text .gem-quote blockquote {

padding: 20px;

}