Tagged: Code snippets
A long time back you created a code snippet for me so that I could make styling changes to the blockquote.
I’m trying to change the color of the vertical line but the markup doesn’t pick it up anymore.
Hey John,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#top #wrap_all .all_colors blockquote {
border-color: red;
}
and change the color to suit, and then clear your browser cache and any cache plugin, and check.
Best regards,
Mike
Thank you. That works.
I haven’t seen that type of selector before. How would I change other declarations in the blockquote?
Also Mike. I’d like to create a second blockquote with a different border-color. As in green for nice quotes and red for not so nice quotes.
What would be the best way to do that?
Hi,
To have a second blockquote color like green, you will need to add a custom class the blockquote, it looks like you are using Text Elements like this:
so switch to the Text tab and add the class: green
then add the css:
#top #wrap_all .all_colors blockquote.green {
border-color: green;
}
Best regards,
Mike