Pregunta sobre Twenty Seventeen de Wordpress:

Veinte diecisiete cambio de color de fondo

Un usuario preguntó 👇

Acabo de instalar el tema Twenty Seventeen y quiero usarlo. Todo el sitio web estándar tiene un fondo blanco en este momento, pero quiero que el contenido esté sobre un fondo blanco, pero en el fondo (detrás de eso y a la izquierda y derecha del contenido) quiero un color diferente. Estaba buscando en el editor de CSS, pero es una página muy larga de código CSS.

He creado un tema hijo.

¿Dónde puedo cambiar el color de fondo?

(@ chirrido)

Hace 4 años, 1 mes

¡Hola!

Debería poder cambiar el color de fondo en el CSS adicional en su Cliente.

Pruebe esto: modifica algunos colores de fondo y también ajusta parte del espaciado para que no haya espacios en la parte superior:

El resultado final es que obtiene su encabezado de ancho completo, sobre una sección de contenido blanca con una barra de color a cada lado:



/*Change main background color*/
.site-content-contain {
    background-color: #fff;
}

/*Remove top padding so main background color doesn't show above the content*/
div#content {
    padding-top: 0;
}

/*Set content background color, add a bit of spacing*/
#content .wrap {
    background: white;
    padding-top: 30px;
}

Prueba eso y avísame si eso es lo que pretendías

(@flexinoodle)

Hace 4 años, 1 mes

Eso no funciona si el tema no está resaltado, si está oscuro, no cambia el color.

Esta respuesta fue modificada hace 4 años, hace un mes por. Esta respuesta fue modificada hace 4 años, hace un mes por.

(@ chirrido)

Hace 4 años, 1 mes

No recomendaría usar el tema oscuro construido si tiene un fondo blanco. El tema oscuro usa texto gris claro que será muy difícil de leer sobre el fondo blanco que describió como requerido, por lo que es posible que necesite un estilo (o estilos) adicional para memorizar su texto nuevamente.

Dado que su material real seguirá estando contra el blanco, es mejor ceñirse a la plantilla de color que surge de ese pozo.

Dicho esto, si desea usar esto en el tema oscuro, primero puede cambiar el estilo para enfocarse en el fondo más oscuro:

.colors-dark .site-content-contain {
    background-color: #fff;
}

y cualquier color que desee reemplazar #fff.

Lanzador de hilos

(@ayadorim)

Hace 4 años

Gracias por la SEC, Chad. Eso está bastante cerca de mí.

(@ chirrido)

Hace 4 años

¡De nada!

(@teresacuervo)

Hace 3 años, 7 meses

¿Esto también se aplica a cambiar el color del menú?

(@ chirrido)

Hace 3 años, 7 meses

Hola @teresacuervo!

El color del menú sería un código diferente:

.navigation-top {
    background-color: #fff;
}

Usando el color que desee (se pueden aceptar códigos de color http://htmlcolorcodes.com/)

(@teresacuervo)

Hace 3 años, 7 meses

Gracias Chad por la ayuda. Lo aprecio. Me encanta el tema que debe adaptarse a mi marca.

(@ yaneypaz75)

Hace 3 años, 6 meses

Hola, quiero cambiar el estilo oscuro, el gris oscuro por negro verdadero, ese es todo el tema para que sea completamente oscuro, pero # 000, ¿cómo puedo hacer eso? ¡Gracias!

(@ chirrido)

Hace 3 años, 6 meses

Hola @ yaneypaz75

Podemos crear el estilo original del tema para el color de fondo oscuro y cambiarlo a negro, así:

body.colors-dark,
.colors-dark .site-content-contain,
.colors-dark .navigation-top,
.colors-dark .main-navigation ul {
	background: #000;
}

Ponlo en la sección CSS Extra de tu personalización y deberías estar en buena forma.

(@dongabito)

Hace 3 años, 5 meses

Funcionó para mí. Gracias !!

(@ marcatx23)

Hace 3 años, 3 meses

Parece que veo los cambios en el editor, pero cuando guardo los cambios, borro mi caché o incluso pruebo con un navegador diferente, todavía obtengo el fondo predeterminado del tema.

(@portero)

Hace 3 años, 3 meses

El cambio de fondo funciona para mí, pero el cambio de color de fondo del encabezado no. ¿Alguna sugerencia adicional?

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *