_KyleBenson

That worked like a charm. You’re awesome @stephencottontail.

One last related question. Is there a way to make the bold items black and bold. The theme seems to make them grey and thinner…

My site is under construction, but I made it public hoping you may be able to help me figure this out. Here is my site – https://www.modern-romance.net/
I was able to change the title color of the widgets (per your advice above) but not the individual text that the widget creates.

Below is my style sheet: Is there anything else I can add to change the color? The gray fades too much and makes it hard to read.

.nav { font-weight: bold; }
#nav-topbar .nav li a { color:#fffff7; }
#nav-topbar .nav li > a:hover,
#nav-topbar .nav li:hover > a,
#nav-topbar .nav li.current_page_item > a,
#nav-topbar .nav li.current-menu-item > a,
#nav-topbar .nav li.current-menu-ancestor > a,
#nav-topbar .nav li.current-post-parent > a { color:#000; }

#nav-header .nav li a { color:#fffff7; }
#nav-header .nav li > a:hover,
#nav-header .nav li:hover > a,
#nav-header .nav li.current_page_item > a,
#nav-header .nav li.current-menu-item > a,
#nav-header .nav li.current-menu-ancestor > a,
#nav-header .nav li.current-post-parent > a { color:#000; }

#footer .nav li a { color:#000000; }
#footer .nav li > a:hover,
#footer .nav li:hover > a,
#footer .nav li.current_page_item > a,
#footer.nav li.current-menu-item > a,
#footer .nav li.current-menu-ancestor > a,
#footer .nav li.current-post-parent > a { color:#000; }

.textwidget ul li a {
color: #000;
}

.entry, .entry.excerpt p {color:#000}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #000
}

p.post-byline {
color: #000;
}

.page-title a { color: #000; }

.wpcf7-list-item {
display: block;
}

I published the site for you to view. Once you are done, please let me know so I can restore the coming soon page.

Here is a page with the example: https://www.modern-romance.net/write-for-us/

Below is my entire child theme stylesheet: Maybe there is something I did that is preventing the code from working…

/*
Theme Name: Hueman Child
Theme URI: https://alxmedia.se/themes/hueman/
Description: Sample child theme for customization.
Author: You
Author URI:
Template: hueman
Version: 1.0.0
*/

@import url(“../hueman/style.css”);

/* ————————————————————————- *
* Theme customization starts here
/* ————————————————————————- */

/* Global */
.mystyle {}

/* Tablet – 800px, 768px & 720px */
@media only screen and (min-width: 720px) and (max-width: 800px) {
.mystyle {}
}

/* Mobile – 480px & 320px */
@media only screen and (max-width: 719px) {
.mystyle {}
}

/* Mobile – 320px */
@media only screen and (max-width: 479px) {
.mystyle {}
}

.nav { font-weight: bold; }
#nav-topbar .nav li a { color:#fffff7; }
#nav-topbar .nav li > a:hover,
#nav-topbar .nav li:hover > a,
#nav-topbar .nav li.current_page_item > a,
#nav-topbar .nav li.current-menu-item > a,
#nav-topbar .nav li.current-menu-ancestor > a,
#nav-topbar .nav li.current-post-parent > a { color:#000; }

#nav-header .nav li a { color:#fffff7; }
#nav-header .nav li > a:hover,
#nav-header .nav li:hover > a,
#nav-header .nav li.current_page_item > a,
#nav-header .nav li.current-menu-item > a,
#nav-header .nav li.current-menu-ancestor > a,
#nav-header .nav li.current-post-parent > a { color:#000; }

#footer .nav li a { color:#000000; }
#footer .nav li > a:hover,
#footer .nav li:hover > a,
#footer .nav li.current_page_item > a,
#footer.nav li.current-menu-item > a,
#footer .nav li.current-menu-ancestor > a,
#footer .nav li.current-post-parent > a { color:#000; }

.textwidget ul li a {
color: #000;
}

.entry, .entry.excerpt p {color:#000}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #000
}

p.post-byline {
color: #000;
}

.page-title a { color: #000; }

.wpcf7-list-item {
display: block;
}

Figured it out

It displays a coming soon page.

My site is under construction. Is there a way to publish it then put it back under construction?

Awesome. That worked perfectly!

Done. Thanks.

I added the following code and didn’t notice any difference in my heading 1, 2, 3, 4… color.

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #000
}

Do I need to add a dot somewhere?

Thanks for your awesome help!

Does that mean I need to figure out which CSS works with each individual widget?