Cambiar Fondo a blanco a negro

I’m simply not seeing this CSS being added to that those category archives:

.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header {
    background-color: #000;
}

How are you adding the CSS?

Lo estoy agregando así

h1 {
? ?font-size: 25px;
}
.inside-header {
??? padding-right: 4px;
??? padding-left: 4px;
}
.footer-widgets .widget-title {
color: #000;
}
.widget-area .widget {
padding: 25px;
}
p,h1,h2,h3,h4,h5,h6 {
color: #ffffff;
}
.entry-meta {
color: #595959;
display: none;
}
h1,h2,h3,h4,h5 {
text-align: center;
} 

.pt-cv-thumbnail {
??? border-radius: 20px;
border: 2px solid #ffffff !important; 

}
.main-navigation .main-nav ul li a,.main-navigation {
??? color: #ffffff;
}
.main-navigation .menu-bar-item>a {
??? color: #ffffff;
??? background-color: #000000;
}
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header {
??? background-color: #000;
} 

.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
? ?background-color: 
? ?color: #fff;
position:fixed;
bottom:75px;
right:32px;
border-radius:50%;
}
.separate-containers .inside-article>.featured-image {
??? display: none;
}
nav#site-navigation.toggled {
??? bottom: 140px !important;
}
.main-title a, .main-title a:hover {
??? color: #fff;
}
.main-navigation .menu-bar-item>a {
??? color: #fff;
}
.separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation {
??? padding: 8px;
??? margin-top: -33px;
}
? ?
.sidebar .widget {
??? background-color: #000000;
} 

.inside-header {
??? background-color: #000;
}
#boton-bonito {
text-decoration:none;
font-weight: 600;
font-size: 20px;
border-radius: 25px;
border: 2px solid #fff;
color:white;
padding:10px 20px;
background-color:#000;
display:inline-block
} 

img {
??? border-radius: 20px;
border: 2px solid #000 !important; 
}
/* for the currently selected menu item */
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
??? color: #7a8896;
? ?background-color: #000;
} 

/* for the menu item default state */
.main-navigation .main-nav ul li > a {
??? color: #7a8896;
??? background-color: #ffffff;
border: 3px solid #000000ff !important; 
border-radius: 25px;
}
/* for the menu item hover state */
.main-navigation .main-nav ul li > a:hover {
??? color: #7a8896;
? ?background-color: #000;
}
.mobile-menu-control-wrapper .menu-toggle, 
.mobile-menu-control-wrapper .menu-toggle:hover, 
.mobile-menu-control-wrapper .menu-toggle:focus {
??? background: #fff;
??? color: #000;
? border: 2px solid #000 !important; 
}

My question was “where” are you adding it?

The CSS isn’t loading for your category/tags archives.

I don’t know if I understand you correctly

But normally in
Appearance> edit css

There shouldn’t be Edit CSS under Appearance by default.

Can you try using Additional CSS field in the customizer?
https://docs.generatepress.com/article/adding-css/#additional-css

Sometimes the theme editor from my Generatepress theme is not shown.
Website Url : https://howtogeek.co.in

Please help me. How can I fix this problem.

Hi there,

GP has no control over the Theme Editor – thats a core WP function. The missing theme editor can be caused for many reasons:

1. User privileges – only super admin users can access that.
2. Security plugin is removing that option.
3. Plugin conflict – can be checked by disabling one plugin at a time.