[ownbit]

Hello,

I don’t know how to attach screenshots here, so I sent them to your email address for your information.

Thanks!

[serkan]

Hi @ownbit;
Maybe you can try to explain it to me, exactly what do you want to get?

[ownbit]

Hello,

I would like Blockquotes can be made to standout （white vertical line in the left hand of block quotes)

Thanks!

[serkan]

Hi @ownbit;
You can use this custom css code;

blockquote { margin: 2em 0px; padding: 0 1em; text-align: initial; font-size: 1em !important; border-left: 3px solid #ccc; color: #777; line-height: 26px; }
blockquote:before { display: none; }

Thanks

[ownbit]

Hi @serkan,

Yes! it works!

Thank you so much for your help! The ‘READ’ theme is the best!!!

Cheers

[serkan]

You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.

[ownbit]

I gave you a 5 star rating this morning on Themeforest, and I am going do it again. This theme and the excellent support deserve it.

Thanks!

[serkan]

Thank you :)

[0Mudassar]

Thanks for this code. I have used it and it works well but I would also like to make a visual change so that the quoted text is constrained within the same width as my normal text.

I tried

max-width: 900px;
Display: inline;

This works but then the ‘border-left’ stops showing….Could you help?

[0Mudassar]

To answer my own question here is the code to add to the custom CSS section;

@media screen and (min-width: 1200px) { .content-area:not(.with-sidebar) blockquote { width: 100%; margin-left: 0%; padding-right: 0; } }

[serkan]

Hi @0Mudassar;
Thanks for sharing the solution.