Avisos
Vaciar todo

[Resuelto] Cabecera transparente solo en la pagina de incio  

 
Natalia
 Natalia
Estimable Member

Hola buenos días,

Estoy tratando de poner la cabecera transparente, pero sólo en la primera página, de tal forma que en la primera página se vean solo las letras blancas sobre la imagen de fondo y en las otras páginas quede el fondo negro con las letras blancas.  

Este es el código que estoy tratando de colocar:

#main-header .home .page-template-default .page .page-id-15 {
background-color: transparent !important;
}

Pero no me funciona. Cuál sería el error? Muchas gracias.

Respondido : 15/10/2020 10:23 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Natalia.

Te refieres a la parte donde esta el menu y el logo?

screenshot buscatunorte.com 2020.10.15 11 31 03

Si puedes indicarnos exactamente con una captura lo que quieres en trasparente seria de ayuda paar poder identificarlo.

 

Un saludo

Respondido : 15/10/2020 10:37 am

Natalia
 Natalia
Estimable Member

@pepesoler

Hola Pepe, 

 

Y la cabecera la señalo aquí: 

Muchas gracias. 

Esta publicación ha sido modificada el hace 4 años por Pepe
Respondido : 15/10/2020 10:43 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola natalia.

Veo que está en transparente por lo que que deduzco que quieres eliminar la franja negra.

Prueba con lo siguiente:

.page-id-15 #main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu {

background-color: rgba(0,0,0,0.0);

}

 

Un saludo

Respondido : 15/10/2020 11:17 am

Natalia
 Natalia
Estimable Member

@pepesoler

Hola Pepe, muchas gracias por tu ayuda. Sí funcionó.

Aunque aún estoy tratando de arreglar otras cosas del menú, como que desaparezca al hacer Scroll hacia abajo cuando ya se deja de ver la foto de fondo de la página de inicio como en la siguiente página: 

O si no, otra opción sería que el fondo del menú cambiara de color al hacer Scroll hacia abajo como se puede ver en la siguiente página: https://thevovim.com/

Cómo podría alguna de estas opciones?

Muchas gracias de antemano.

 

Esta publicación ha sido modificada el hace 4 años por Pepe
Respondido : 16/10/2020 1:18 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Natalia,

Para añadir un backgorung a la cabecera cuando se realice scroll prueba el siguiente código CSS, solo deben modificar el color por el que deseas

.et-fixed-header {
background: #000 !important;
}

Un Saludo

Respondido : 16/10/2020 2:19 pm

Natalia
 Natalia
Estimable Member

@karen

Muchas gracias Karen.

Respondido : 19/10/2020 11:54 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Natalia,

Gracias a ti, siempre estamos encantados de poder ayudarte.

Con esto podemos dar el tema como solucionado, escríbenos si tienes cualquier otra consulta

Un Saludo  😊 

Respondido : 19/10/2020 12:59 pm