Box quote style

Posted in: Newspaper
Post count: 145

When I use Quotes from Format menu (https://gyazo.com/9717acc17f5bf740dc735b4c98fb580e) I am not able to change the color only of the vertical line. If I change the block quote color in Theme panel it changes the color of this line but it also changes the text color (this defeats the purpose IMHO). I would like to keep the vertical line color different from the text color, like this https://gyazo.com/5fa8f622701011998e944da4dd35f9e4 but with Theme panel I am able to get only one color, see this https://gyazo.com/2f83250a230f6a98cbdb6fc6af293dd4. Any work around? Thanks.

Post count: 23312

Hello Mayapur Voice,

Unfortunately, our theme does not have such an option to change the color only to that line only if you use a bit of CSS code. Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-post-content .td_quote_box {
border-left: 2px solid red;
}

The result you should see here -> http://screencast.com/t/IiSlQcDHKht

Hope this helps!

Thank you for the message!

Post count: 145

The code you provided does set the color but then quickly changes back to what is set in theme panel color. Looks like the theme panel color setting overrides the new setting…?!

Post count: 23312

Hello

Please try the following code and try to put the !important tag like this.

The code is ->

.td-post-content .td_quote_box {
border-left: 2px solid red!important;
}

Thanks.

Post count: 145

That worked but I wonder what does the triangle mark next to the code (line 23) indicate https://gyazo.com/b1e616ad481782506b721a4c752b0bff Looks like some sort of warning.

Post count: 23312

Hello Mayapur Voice,

Please ignore this warning because it is not relevant. This kind of warning appears when you are using the important tag into your CSS custom box.

Thanks.

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.