Avisos
Vaciar todo

[Resuelto] Ajustar imagen en pagina de inicio  

Página 1 / 2
 
MARTHA
 MARTHA
Usuario experto

Hola! Mi pagina de inicio tiene imagenes en slider que quisiera ajustar mejor. He probado con márgenes, ancho, alto y todas se ven como cortadas por la parte superior.

El diseñador puso el formulario dentro de la seccion del slider, no se si esto influye a la hora de querer editar solo las imagenes... Yo probe en un borrador a insertar las imagenes con el widget de  carrusel de imágenes, y al momento que le activo la opcion de ancho completo para cubrir toda la pantalla, la foto se corta. Si la mantengo en formato caja se ve bien, pero me gustaria que abarcara todo.

Se puede hacer algo?

GRacias!

 

Respondido : 09/12/2021 3:23 am
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Martha,

No he visto tu sitio en tu consulta pero intuyo te refieres a https://micubaonline.com/ correcto? Pues echandole un vistazo hay algunos problemas

-El slider tienen un alto considerable
-El contenedor que tiene el formulario esta superpuesto al slider mas no esta dentro de el, esto pude verlo al inspeccionar el codigo desde el navegador, podras fijarte que hay margen negativo

image

Sin embargo si deseas que tus imagenes no se corten en la parte superior como lo comentabas en el otro tema puedo sugerirte agregar el siguiente CSS, desde las opciones Apariencia-> Personalizar-> CSS agregado

.swiper-slide-bg {
background-position: top center;
}

Saludos!

 

Respondido : 09/12/2021 4:49 am

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

MARTHA
 MARTHA
Usuario experto

Ok!Muchas gracias por la ayuda. Mañana pruebo esto con calma y te cuento como resultó!

Saludos desde Cuba

MArtha

Respondido : 10/12/2021 2:38 am
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Martha,

Excelente pues aca estaremos atentos a tus comentarios a como te ha ido

Saludos!

Respondido : 10/12/2021 3:07 am

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

MARTHA
 MARTHA
Usuario experto

Hola por aquí!

ya añadí el CSS y al menos en algunas sliders beso q ha funcionado aunq no en todas...

te envío una captura para saber si lo he hecho bien...no sea que haya quitado o puesto espacio entre los caracteres que no debía. De hecho quite espacios porque me lo ponía como CSS 3,4 y 5. Y al quitar los espacios de los corchetes quedó todo en CSS 3.

Gracias por la paciencia....

Respondido : 10/12/2021 8:07 pm
MARTHA
 MARTHA
Usuario experto

asi?....

39495665 CB73 447C AAB6 A0C3BB805A5D
Respondido : 10/12/2021 8:15 pm

Cursos Gratuitos WordPress

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Martha, 

No logro ver la imagen de la captura, ya que se ve muy pequeña, sin embargo, actualmente veo tu slider de la siguiente forma 

MiCubaOnLine – The best way to know My Cuba

¿Es así como deseas se visualice?

Un Saludo 

 
Respondido : 10/12/2021 8:28 pm
MARTHA
 MARTHA
Usuario experto

Si si! Esa foto si pero por ejemplo veo q en la siguiente slider se corta un poquito la torre de la catedral y en la primera por ejemplo, un poco de la cima de las montañas. supongo q no hay como alejarlas un poco más??....

en las páginas de inicio en español e italiano ya añadí el CSS también, es in embargo hay dos sliders q son edificios que también se cortan. Aunque es probables q esas las cambie para tener las mismas imágenes en los tres idiomas. 

también noto que en mi tablet se ven recortadas si lo pongo horizontal, pero si giro el tablet a vertical las fotos se ven completas, como realmente me gustarían en todas las opciones...

Gracias por la paciencia!!

4F78F203 443F 45E7 9C41 EA7A72347C99

 

55BAC7FF D519 4403 BD65 96D853DF95F4
11E16637 8CF8 4A00 A6BC 5CC4B71D6F7B
Respondido : 10/12/2021 9:09 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Martha,

Disculpa pero no veo que se este aplicando el código, puedes sustituirlo por el siguiente?:

.swiper-slide-bg {
background-position: top center !important;
}

Puede parecer el mismo pero tiene un important al final para que aplique de forma forzosa el código.

Verifica y nos comentas. Un saludo 🖐️ 

Respondido : 10/12/2021 9:52 pm
MARTHA
 MARTHA
Usuario experto

@argenis Pero q disculpas si la q esta apenada soy yo de tanto preguntar!! De ninguna manera! AL contratio muy agradecida SIEMPRE.

Pues pruebo este nuevo codigo y te digo.

Para saber si lo estoy escribiendo bien, debo hacerlo asi como esta, en tres lineas? Puedo darle copiar y pegar?

Gracias!

Respondido : 10/12/2021 10:04 pm

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

MARTHA
 MARTHA
Usuario experto

....Debo borrar el anterior??...

Respondido : 10/12/2021 10:06 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Martha,

Pregunta lo que gustes 😊 y respecto a tu consulta

Respondido por: @micuba2021gmail-com

Debo borrar el anterior??...

Puedes modificarlo según la sugerencia de mi compañero, solo agrega el !important después de donde dice "top center" con eso debería de bastar

Saludos!

Esta publicación ha sido modificada el hace 2 meses por Bruno
Respondido : 10/12/2021 10:21 pm

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

MARTHA
 MARTHA
Usuario experto

@bruno-vichetti

 

614CDD81 C12B 4F29 A745 53F6632E6003

En la página de edición se ve súper pero cuando voy al sitio no veo cambios....porfa revisa si el código está bien escrito.

E88D3E6A 51E7 43FD 9469 173D3B6A8926

 Ya aquí se ve la punta de la torre y la nube recortada...

974DD708 8636 47BB 9E1E 4927202158D6

En algunas cuando cambió el height mejoran mucho pero no puedo hacerlo de manera individual, sino q modifica todas las imágenes y así unas quedan bien y otras no...

pienso que tiene q ver con el diseño desde el inicio pero ahora mismo no puedo hacer una HomePage de cero. Será más adelante. Así cómo está puede quedar  por ahora.

8127FCE4 CFBA 4BF3 9CE8 45458885CEE2

pensé que quizás recortando la imagen y dejándola más centrada, la parte superior de la foto se descargue mejor a la hora de seleccionarla para el slider...no se si me hago explicar. Pero me pasa q el editor de mi biblioteca multimedia no deja guardar la foto recortada. La opción aparece activada y me deja marcar por donde cortar pero no guardar. Alguna idea?

 

 

en fin, les agradezco a todos por su paciencia y atención. Han sido EXCELENTES!!

Respondido : 10/12/2021 11:31 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Martha,

Nos hemos fijado que tienes un error en la sintaxis del código CSS en una de tus capturas, esto es lo que posiblemente este causando que no se aplique el movimiento de los fondos de las imágenes, vamos a ajustarlo

error
h1:not(.site-title):before,h2:before{
background:none
}
.swiper-slide-bg {
background-position: top center !important;
}

Reemplaza el código actual por el que te hemos compartido, guarda cambios y nos comentas como te va

Saludos!

Esta publicación ha sido modificada el hace 2 meses por Bruno
Respondido : 10/12/2021 11:56 pm

Cursos Gratuitos WordPress

MARTHA
 MARTHA
Usuario experto

@bruno-vichetti Siiiii!!! Ahora sí que funcionó!! Como decimos en Cuba ---están escapaos----!!!

GRACIAS GRACIAS GRACIAS!!! Por tanta paciencia y no darse por vencidos!!

Un abrazo inmenso desde Cuba!

Martha

 

 

Respondido : 11/12/2021 12:58 am
Página 1 / 2