Cambiar Fondo a blanco a negro

Hola, e visto que a las categorías y etiquetas no le están funcionando la personalización css

Como puedo resolverlo

Hi there,

Not 100% sure if I understand the question.

What exactly are you trying to do?

Hi there,

this CSS rule will change all theme container elements to a black background:

.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;
}

Hola @diggeddy

El Problema que tengo es que las categorías y etiquetas no respetan el Código CSS…

I’m not seeing David’s CSS being added.

When I added it using the browser inspector tool, it seems to work:
https://www.screencast.com/t/LuydL9F4lFl

El personalizador CSS

Me muestra la vista previa así

Pero me da este resultado aqui

Como lograste ver me muestra las categorías, autor y etiquetas… Y yo las tengo desactivadas

• This reply was modified 4 years, 2 months ago by luismojica30.

Estos son los códigos CSS que tengo usando

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;
}

Será que alguno me esta dando error?

Not sure if I fully understand.

So it’s working in customizer preview but not on the live site?

If so it’s usually a caching issue so make sure you clear your caching plugin.

Unfortunately going through your custom CSS for you is out of the scope of the free forum here.

Exacto, funciona en la vista previa del personalizador pero no en el sitio en vivo

Ya e borrado el caché y sigo teniendo los mismo resultados ??

Is it working now?

I can see the correct CSS added and everything is basically #000

@leohsiang el Código esta agregado pero no funciona en el apartado de etiquetas y categorías…

Bueno ningún Código css funciona en esos apartados,

En las páginas y entradas funciona todo correcto

Can you link me to the section you are referring to?

@leohsiang what do you mean by linking to the section? Do I give you access to the web?

I’m really not sure what section you are referring to that’s not working.

Can you provide the URL to it and maybe a screenshot of the issue?

are all They category pages

https://www.packspro.website/packs-de-adolecentes/

And all tags pages

https://www.packspro.website/tag/adolecentes/