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