How to Display Borders on Classic Blockquotes

[avidalexander]

Hi,

I’m having trouble displaying borders around classic blockquotes we are using on our site. When working in cornerstone, the elements have borders, but they are not rendering on the live site.

I added the following to the element’s style section: font-size: 13px; border-color: #D3D3D3; border-top: 1 px; border-left:1 px; border-right: 1 px; border-bottom: 1 px

And also added a custom-blockquote class with the following CSS:
.custom-blockquote {
border-color: #D3D3D3;
border-top: 1 px;
border-left: 1 px;
border-right: 1 px;
border-bottom: 1 px;
}

This seems to add a top and bottom border to the elements on the live site, but still missing the sides.

Thank you so much in advance for any help you can provide!!!

[marc_a]

Hi David,

Thanks for reaching out!

To add border to the classic blockquote, just add this CSS style in the style option. border:1px solid #D3D3D3;

Hope that helps.

Thank you.

[avidalexander]

Thank you so much, that fixed the issue!! Is there a way to add an inner margin so that the text isn’t hugging the borders?

[marc_a]

Hi David,

To add inner margins so that the text isn’t hugging the borders, just update the style to this one: border:1px solid #D3D3D3; padding: 30px;, just change the padding value to your desire output.

Hope that helps.

[avidalexander]

Thank you so much Mark!!

[marc_a]

Hi David,

You’re welcome! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.