medìdas màximas de ...
Avisos
Vaciar todo

medìdas màximas de la imagen de fondo de la cabecera y de la pàgina de bienvenida del tema storefront  

 
Carmen
 Carmen
Prominent Member

:laugh: Hola
No se salvan de mi tan facilmente..... :laugh:
Tengo algunas preguntas sobre el tema storefront
1-Quisiera saber el espacio disponible que hay en el fondo de la cabecera para poner una imagen que quede ocupando todo el fondo y no me invada el menú.
Es decir cuales serían las medidas máximas de la imagen de fondo de la cabecera
2 También quisiera las medídas máximas que debe tener la imagen y de la página de bienvenida, ya que tome las medidas de la que estaba colocada por defecto, hice la que yo quiero con esas medidas y me la recorta y no se ve entera.
Les mando capturas.
Gracias
Saludos
Carmen

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 26/05/2019 7:55 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola Carmen,

Una de las muchas versatilidades de Storefront es que tu puedes ajustar el espacio de la cabecera para que añadas una imagen como fondo (lo cual no te recomiendo, porque en móviles se cortará) y que no necesitas toquetear muchas cosas para hacerlo.

Desde "Apariencia", "Personalizar", "Cabecera" puedes establecer la imagen y el formato de dicha cabecera. Lo ideal es que no abuses con imágenes muy grandes, aunque la recomendación lógica seria no añadir imágenes estáticas en la cabecera.

Para otras consultas te agradecemos abras hilos separados.

Realiza las consultas de forma individual y no anides diferentes consultas bajo un mismo hilo, acabamos confundiendo a otros usuarios que buscan soluciones ya aportadas, dificultamos las respuestas, ya que siempre se quedarán parte de las consultas sin responder mientras el hilo avanza, al mezclar muchos temas en un solo hilo en muy difícil hacer un seguimiento de la consulta inicial y esto acaba llevando al hilo a un estancamiento.

Gracias por tu colaboración.

ResponderCitar
Respondido : 26/05/2019 8:43 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Carmen
 Carmen
Prominent Member

Hola Luis
Muchas gracias por tu ayuda. La imagen de fondo es referida al tema del sitio. La medida que puse es de 1950 por 500, pero me avanza sobre el menú. Por eso era mi pregunta. Como hago para que no avance?
Te reenvío la captura pero lo puedes ver en el link del sitio que estoy armando.
Respecto al otro tema abro otro hilo.
Espero tu respuesta
Gracias desde ya
Saludos
Carmen

ResponderCitar
Respondido : 26/05/2019 8:55 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Carmen.

La imagen de cabecera es un backgroun de la posición header, es decir aunque varies el tamaño esto no hará que el menú se supergon con la imagen ya que el menú forma parte de ese header.

En el caso de querer poner un a imagen como cabecera lo que puedes hacer es variar el color del texto, pero veo que cambiaste la cabecera y bajo mi punto de vista me justa mucho más sin imagen y solo con el logo:

Si quieres poner una imagen de fondo lo que puedes hacer es modificar el color del texto del menú:

.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a {
    color: #fefefe;
}

Un saludo

ResponderCitar
Respondido : 26/05/2019 9:27 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Carmen
 Carmen
Prominent Member

Gracias Pepe, ya lo hice, puse el código css pero se cambia el color cuando clicko sobre la palabra, sino está todo el menú negro
Es decir que debe faltar algo más estimo, para que las palabras del menú se vean blancas(ejemplo) y cuando las clickee se vean de otro color no negro
Gracias
Saludos
Carmen

ResponderCitar
Respondido : 26/05/2019 10:07 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Carmen.

Ok, elimina el código anterior y añade lo siguiente:

 .primary-navigation a {
     color:#fefefe!important;
     font-weight:700;
     font-size:20px
 }

 .main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a {
    color:red!important;
}

.header-cart .cart-contents {
    color: #fefefe;
}

.site-header, .storefront-handheld-footer-bar {
    background-repeat: no-repeat;
    background-size: cover;
}

Un saludo

ResponderCitar
Respondido : 27/05/2019 11:13 am

Carmen
 Carmen
Prominent Member

Perfecto Pepe, ya lo hice y quedó re bien.
Solo que en el menú del teléfono los items quedaron en negro y cambiaron al amarillo(yo cambié rojo por amarillo) cuando clickas.
Es decir que solo faltaría agregar un código para que en los celulares el menú se vea en blanco.
Saludos
Carmen

ResponderCitar
Respondido : 27/05/2019 11:48 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Carmen:

Prueba con esto:

 @media (max-width: 768px) {
 .main-navigation ul li a {
     color:#fefefe!important;
     font-weight:800!important;
 }
}

Un saludo

ResponderCitar
Respondido : 27/05/2019 12:15 pm

Cursos Gratuitos WordPress

Carmen
 Carmen
Prominent Member

B) :laugh:
Genial Pepe
Has sido muy amable
Puedes cerrar el hilo
Saludos
Carmen

ResponderCitar
Respondido : 27/05/2019 12:27 pm