Headings Colors v. Text color socialearner

[Blokhin]

Hello!

I am having the same problem as previous user post ticket #55063.
I want to Headings Colors to be white color and Text color to be black. But when I change heading color to white, text color also changes to white.

Your suggestion was to add CSS codes inside child theme’s custom css option:

1) Course Title
.single-sfwd-lessons header.entry-header h1 {
color: yellow !important;
}

2) Title Bar (Menu)
.header-inner .left-col .header-navigation ul li a {
color: yellow !important;
}

But when I go to public_html/wp-content/themes/social-learner there is 3 css files:
custom.css (which is empty)
main.css (i can`t find the css you provided before)
main.rtl.css

My question which css file I should edit?

Thanks

[Varun Dubey]

Hi @crowdsparks, you will need to add any additiaonl css to custom.css
else you can install https://wordpress.org/plugins/simple-custom-css/

and it will add a new option inside dashboard and you can simply add your custom css there without editing any files

Regards
Varun Dubey

[Blokhin]

Hi, Varum!

Thanks. I did as you said. And successfully changed the heading color to white, but text color is still white. And I can`t change it to black. What should I do?

[Varun Dubey]

Hi @crowdsparks, Please add following css

.single-sfwd-lessons .learndash .lms-post-content p {
  color: #000 !important;
}
.single-sfwd-lessons .learndash header.entry-header h1 {
  color: #fff!important;
}

Regards
Varun Dubey

[Blokhin]

Thank you, Varun!
Text in the lesson now is black, heading is white. But text in blog post is still white. How can I make it black?]

[Anonymous]

Hi @crowdsparks, Please add following css

.entry-content p {
    color: black !important;
}

Regards

[Blokhin]

Thanks

[Anonymous]

Anytime:)

[Blokhin]

Hello, again!

I am still having a little problem with heading color. If I log in using Chrome Incognito mode (visitor) heading is white, if I log in as register user (or admin) heading is black. Please check attached screenshots. How can I make is same color?

Thanks

[Anonymous]

Hi @crowdsparks, Please add following css:

body:not(.social-learner).page-template-page-no-buddypanel .header-navigation #header-menu>ul>li>a {
    color: #000 !important;
}

Regards

[Blokhin]

Hi,

I did as you said, but it is still white. 🙁

[Anonymous]

Hi @crowdsparks, Seems either you have disabled the buddypanel for logged-out users or you are using non buddypanel page template.
Try this too..

.page-template-page-no-buddypanel .header-inner .left-col .header-navigation ul li a, .page-template-page-no-buddypanel .header-inner .left-col a {
    color: #000 !important;
}

Regards

[Blokhin]

Hi,Pallavi!

It worked.

Thank you! 🙂

[Anonymous]

Great 🙂