Avisos
Vaciar todo
Administración WordPress
10
Respuestas
3
Usuarios
0
Reactions
31
Visitas
Topic starter
buenos dias
quisiera centrar la imagen del slide principal pero no se como hacerlo
gracias
Contenido solo visible a usuarios registrados
Respondido : 09/04/2023 9:45 am
Hola,
Primero que nada comentarte que tener la versión 6.2 de WordPress, pero a su vez tener tantos plugins desactualizados no es conveniente. Dicho esto veo que tu imagen es de 598 por 280 píxeles, cuando debería ser de 1200 × 280 pixels. Para que de esta forma ocupe todo el ancho de la sección.
Verifica cambiar estos aspectos de tu imagen y nos comentas.
Un saludo
Respondido : 09/04/2023 2:20 pm
Topic starter
si, pero no tengo esa imagen de ese tamaño y que quede bien, solo quisiera saber si puedo central la que ya tengo con esas medias
gracias
Respondido : 09/04/2023 2:42 pm
Hola,
Solo debes crear la imagen con esa medida en un programa de edición de imágenes y luego dejarle los anchos correspondientes centrando la imagen como tal en ese espacio. Resulta mucho más sencillo que agregar un código, igualmente puedes verificar con este:
.header-image img {
margin-left: 25% !important;
}
En apariencias > personalizar > css adicional, lo agregas, pero debes ir modificando el número si deseas un poco más a la izquierda o derecha.
Un saludo 🖐️
Respondido : 09/04/2023 3:41 pm
Topic starter
buenos dias
ya lo movi un poco y quedo bien, pero hoy veo el menu desplazado a la izquierda( los textos de arriba de la imagen)
como puedo dejarlos para que esten a la izquierda y de esa forma este centrada la imagen¿
saludos
Respondido : 11/04/2023 7:44 am
Hola.
Prueba con lo siguiente:
@media screen and (min-width: 56.875em) {
.main-navigation {
margin-left:-40%!important
}
Un saludo
Respondido : 11/04/2023 9:13 am
Topic starter
Puse el codigo y sigue igual
Respondido : 11/04/2023 9:30 am
Hola.
Veo que funciona bien:
.- Añade el código en Apariencia -> Personalizar -> CSS adicional:
@media screen and (min-width: 56.875em) {
.main-navigation {
margin-left:-40%!important;
}
Si sigue sin funcionar, por favor adjunta una captura donde estás añadiendo el código para que podamos revisarlo.
Un saludo
Respondido : 11/04/2023 9:56 am
Topic starter
sigue sin ir
adjunto lo que puse
Respondido : 11/04/2023 11:27 am
Hola.
Perdon que no me di cuenta y me faltó cerrar el código.
Elimina el anterior y añade lo siguiente:
@media screen and (min-width: 56.875em) {
.main-navigation {
margin-left:-40%!important;
}
}
Un saludo
Respondido : 11/04/2023 1:02 pm
