How do I change colors of articles?

[Richard Zemore]

I want to make a dark theme and I can’t change colors of any of the additional blocks or widgets.

https://gyazo.com/e3fc297894d9e57d3216e3e59ba153ee

[themearile]

Hi Richard Zemore

Thanks for contacting us.

Please share your site URL so we can provide you css code for the dark layout in the theme.

Thanks

[Richard Zemore]

https://indieinsights.org/?bypass_code=SRCfkPrNDegTpShL

[themearile]

Hi Richard Zemore

Okay, please add the below CSS in the Additional CSS box. Please go to the Appearance => Customize => Additional CSS, then paste the CSS here and click to publish button.

.list-view-news-area .entry-header .entry-title a {
color: #ffffff;
}
.list-view-news-area .entry-meta a, .list-view-news-area .entry-meta > span i {
color: #ffffff;
}
.list-view-news-area .entry-meta a:hover, .list-view-news-area .entry-meta a:focus {
color: #ffffff;
}
body, button, input, select, textarea {
color: #f3f3f3;
}
.grid-view-news-area .entry-header .entry-title a {
color: #ffffff;
}
.grid-view-news-area .entry-meta a, .grid-view-news-area .entry-meta > span i {
color: #ffffff;
}
.sidebar .widget {
background-color: #41423b;
border: 1px solid #545151;
}
.widget .wp-block-latest-posts li a {
color: #ffffff;
}
.widget .wp-block-latest-posts li {
border-bottom: 1px solid #504c4c;
}
.news-section-title {
background-color: #41423b;
border: 1px solid #544f4f;
}

It will help you as needed.

Thanks

[Richard Zemore]

This is awesome! It fixed like 99% of the colors. Only thing currently that I could use help with is the “search” widget and “recent posts” widget.

https://gyazo.com/36effa45261be31e7e7bca52afacc3b5

I tried changing the colors of “search” button text, but it would also change the color of the preview article text. It seems they are linked.

How do I change the color of the background of the widget title too? It looks weird with all 3 widget titles having a different color BG

[themearile]

Hi Richard Zemore

Please add the below css code in the additional css box.

.widget .wp-block-search .wp-block-search__label {
background-color: #141414;
}
.widget:nth-child(2) .wp-block-heading {
background-color: #141414;
}
.widget:nth-child(3) .wp-block-heading {
background-color: #141414;
}
.widget .wp-block-search .wp-block-search__label:before {
border-left: 15px solid #141414;
}
.widget:nth-child(2) .wp-block-heading:before {
border-left: 15px solid #141414;
}
.widget:nth-child(3) .wp-block-heading:before {
border-left: 15px solid #141414;
}
input[type=”text”], input[type=”email”], input[type=”url”], input[type=”password”], input[type=”search”], input[type=”number”], input[type=”tel”], input[type=”range”], input[type=”date”], input[type=”month”], input[type=”week”], input[type=”time”], input[type=”datetime”], input[type=”datetime-local”], input[type=”color”], textarea {
color: #1f2024;
background: #41423b;
border: 1px solid #534d4d !important;
}
button, input[type=”button”], input[type=”submit”] {
background-color: #1c2120;
color: #ffffff;
}
label {
color: #ffffff;
}
.form-control {
background-color: #41423b;
}
.post-author-area {
background-color: #41423b;
}
.page-breadcrumb {
background-color: #41423b;
border: 1px solid #544e4e;
}

Thanks

[Author]

Posts