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;
}