In my posts, the “Comments” heading is written in grey on black text background, which is very hard to see. In retrospect, the mobile version has the Comments clearly stated on the white background of the page. I have not configured anything in my theme to make it so.
My website is https://blogandgetpaid.com – this can be observed on any post within (on desktop only). I’ve looked at theme panel and cannot find any setting to configure the comments section.
Hi,
It looks like you are using standard templates, so the settings are global from the theme panel and you can make individual changes with custom CSS. If you can provide some screenshots of how you want and what you want to change, I will do my best to provide the necessary CSS.
Thanks!
Thanks Calin for your reply.
I am attaching what my desktop shows as comments, and how it shows on mobile. To be honest, I think this is a bug as I don’t think it’s intended to be displayed differently on desktop vs. mobile. Ideally, this should be done on the main template, rather than via CSS. If we go the CSS route, please be specific to exactly what I need to do as I have never done anything in CSS before.
Much appreciated
Hi,
For me it’s the same on both – https://i.imgur.com/Hn1niIW.png
You can use theis custom css to make the layout a bit better https://i.imgur.com/VokHexB.png:
.comments .block-title>span {
background: transparent;
color: #000;
}
Set the css in the theme panel > custom code> custom css.
I hope this will help you!
Brilliant, Calin – it worked. I’ve added the CSS on both mobile and desktop.
Amazing, thanks!
