Pregunta sobre OceanWP de Wordpress:

Barra superior: cambia el color de fondo y el borde de color de la página de inicio

Un usuario preguntó 👇

Hola,

Quiero que la página de inicio tenga un fondo transparente y un borde inferior blanco.

He probado estos, pero ninguno de los dos funciona:

para el fondo: # top-bar-wrap, .oceanwp-top-bar-sticky {color de fondo: transparente; }

para el color del borde: # top-bar-wrap {borde-color: blanco; }

¿Me pueden ayudar por favor?

Todo lo mejor

Este tema fue modificado hace 2 años, 3 meses por.

(@apprimit)

Hace 2 años, 3 meses

Hola,

Vaya a Personalizar> Barra superior> General y establezca el color de fondo transparente y el color del borde desde la configuración.

(@wordmatej)

Hace 2 años, 3 meses

Hola,

Lo sé, es para todas las páginas en general.

Como te escribí, quiero un fondo transparente y un borde blanco DEBE ESTAR EN UNA PÁGINA DE INICIO: ¡usa CSS!

¿Puedes comprobar de nuevo?

Acerca de

(@apprimit)

Hace 2 años, 3 meses

Perdón por la confusion. Vaya a Editar página de inicio> Configuración de metabox de OceanWP> Pestaña de encabezado y seleccione Estilo de encabezado transparente.

Para el borde, ingrese el código en personalización> css / js personalizado.

.page-id-681.no-header-border #site-header {
    border-bottom: 1px solid #fff;
}

(@wordmatej)

Hace 2 años, 3 meses

Hola,

tx, pero no está bien, ya que le pregunté TOP BAR (la mejor en el encabezado), que es un fondo configurado para azul oscuro – # 004a7c y que está en cada página, pero quiero que sea transparente en la página de inicio .

Por favor verifique y déjeme saber el CSS correcto.

Acerca de

(@apprimit)

Hace 2 años, 3 meses

Hola,

Intente agregar el código a continuación en la sección personalizada CSS de la personalización.

.page-id-681 #top-bar-wrap {
    position: absolute !important;
    top: 0 !important;
    background-color: transparent !important;
    height: auto !important;
    z-index: 9999 !important;
    width: 100% !important;
    color: white !important;
    border-bottom: 1px solid white !important;
}

.page-id-681 #site-header.transparent-header {
top: 40px;
}

(@wordmatej)

Hace 2 años, 3 meses

Excelente,

¡Muchas gracias!

Todo lo mejor

(@apprimit)

Hace 2 años, 3 meses

¡De nada!

¿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 *