Change background color of quoted text

Hi there.

I like the KBee template very much, but there is one thing that could be optimized. Sometimes - especially on mobile devices - it's hard to distinguish between quoted text and the reply. Is it possible to give quoted text a different background color and/or a different typography?

Kind regards,
Tom

Hi Ratman,

Happy new year. We have updated style for blockquote block and Hidden text block to the template download package. Please download the latest package and update to your website.

Kind regards,

ntstore wrote:

Happy new year. We have updated style for blockquote block and Hidden text block to the template download package. Please download the latest package and update to your website.

 

Good morning and a happy new year to you too
Thanks for your changes, I installed the altered version of the template to my stage site first (my "playground") to compare the changes with the current template. I can see the difference, but unfortunately it does not fully satisfy me. Let me explain:
With the former version, the quoted text had some frame around it, so it was easy to distinguish each quote if there were multiple quotes
 

After your changes the quoted text is italic and it has a grey background, which is much better than before. But the frames are gone, so if you have multiple quotes, it is harder to distinguish where one quote ends and another begins
 

Is it possible to have these frames back and add a new field to the "colors" tab in the templates details, so that I can choose the color of blockquote block and Hidden text block myself? This would be really great.

Additionally, there is a small glitch with this template, as I already wrote HERE. If I choose the avatar type "circle", the avatar position is offset.


 

Hi,
We have improved style for blockquote and applied to the download package. You can reinstall the template or copy the _message.scss file in the "nts_kbee/assets/scss/base/" path into the same path on your website.

Regards,

Good morning.

Thank you so much, now it looks really great! I will take a look into the changes that you made to the _message.scss to try to understand the code. Maybe I can do changes by myself in the future

BTW: The glitch with the avatar is still present. Avatar type "circle" offsets the avatar picture to the right.
 

Hi Ratman,
Please follow the Missing topic in Search results topic to update the solution to fix the avatar issue.

Regards,

Thanks Hung, you are awesome!