Comment website text issue with Sparkling

Sparkling
#1

I am using the Sparkling theme for my website and chose a dark background. Everything is beautiful except the Comment text on my website is too light to see against the dark background. Could someone tell me how to change the Comment text to black? This is my first website so if code is given please instruct me as to where to install the code. Thank you so much.

#2

Hi @angeladperry,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

.comment-content {
    color: #000;
}

Best Regards,
Movin

#3

Hi Movin!

Thank you so much for getting back to me. After hours of searching CSS Code and playing with it, I was successful in changing all of the Comment Headers to white except the following statement, “Your email address will not be published. Required fields are marked.” I did somehow manage to change the asterisk (*) in this statement to white (LOL).

I was also successful in changing all of my side-bar text to black (instead of gray which didn’t show-up well even against a white background), except the following: “Lost Password” link and the “Search”, “Email”, “Password”, and “Categories” boxes.

If you would know the appropriate CSS Code for these I would be soooo grateful. I have searched numerous WordPress articles and even Googled the issues with no luck. It seems the Sparkle theme Code in Editor is not set-up like most themes. If I’m not mistaken (this is my first website and first time attempting to work with code) the side-bar is set up as widgets. I did find one line of code that addressed color with regard to widgets but it included h1, h2, h3, h4, h5, h6… all together. I did change it to black to see what would happen but it didn’t seem to have any effect. ??

Much Love to you for your kind help,

Angela

#4

You can try making them white by using the below CSS code.

div#secondary, div#secondary aside.widget a,
div#respond {
    color: #fff;
}