Avisos
Vaciar todo

Centrar el contenido en la versión móvil de mi web.  

Página 1 / 2
 
Jorge Hernán
 Jorge Hernán
Usuario eminente

Muy buenas;
Tengo un pequeño problema con wordpress y en concreto con woocommerce.
Quiero centrar la descripción de producto de manera perfecta en la versión mobile. El resto de contenido de la página de producto está perfecta, pero cuando abres la descripción sale ligeramente colocada hacia la derecha. He intentado averiguar dónde podía modificarlo por css, pero me temo que está dentro del HTML y no puedo tocarlo. Solo puedo poner un important en css, creo. Porque no tengo mucha idea, pero quiero dejarlo perfecto. Incluso a veces se come alguna palabra. Os adjunto un pantallazo para que os hagáis una idea.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 19/11/2018 8:52 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Lo veo correctamente:

Envía la url exacta para ver lo mismo que aparece en tu imagen.

Saludos.

ResponderCitar
Respondido : 19/11/2018 9:39 pm

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

Jorge Hernán
 Jorge Hernán
Usuario eminente

Muy buenas;
Toda la web se ve perfecta, excepto en la parte de descripción desde la versión móvil. Una vez estás dentro abres la pestaña de descripción y es la parte que se ve mal. Puedes verlo dentro de cada producto.
Mira a ver cómo lo ves.

Gracias

ResponderCitar
Respondido : 19/11/2018 10:15 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Jorge.

Esto es lo Veo:

Se muestra centrado, si no es eso lo ue quieres decir, por favor adjunta una URl del producto y una captura de como lo ves.

Un saludo

ResponderCitar
Respondido : 20/11/2018 10:08 am

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

Jorge Hernán
 Jorge Hernán
Usuario eminente

Muy buenas;
No está centrado de manera correcta. SI te fijas bien está ligeramente hacía la derecha. En algunos productos, incluso no llega a verse algún texto h2. Modificándolo en el navegador he encontrado un estilo que modifiqué y arregle. Solo necesito saber que debo poner en el css editor para corregir esto en todos los productos. Te adjunto pantallazo donde se más claramente.

Gracias

ResponderCitar
Respondido : 20/11/2018 12:32 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Jorge.

Puedes jugar con el padding que tienes añadido en es bloque:

@media only screen and (max-width: 600px) {
.vc_column_container>.vc_column-inner {
    padding-left: 1px!Important;
    padding-right: 15px!important;
    box-sizing: inherit!important;
}
}

Un saludo

ResponderCitar
Respondido : 20/11/2018 12:50 pm

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

Jorge Hernán
 Jorge Hernán
Usuario eminente

Hola!
Sí, creo que es esto 😀
¿Dónde puedo acceder a este código exactamente?

Gracias

ResponderCitar
Respondido : 20/11/2018 1:03 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Jorge.

Puedes añadir directamente en tu archivo custom_css.css que encontraras en la ruta wp-content -> themes -> bridge -> css -> custom_css.css

Un saludo

ResponderCitar
Respondido : 20/11/2018 1:50 pm

Cursos Gratuitos WordPress

Jorge Hernán
 Jorge Hernán
Usuario eminente

Muy buenas;

Modifica toda la estructura menos la parte de descripción que sale ligeramente descentrada.
Investigando con el inspeccionar he encontrado el posible archivo que hay que modificar, pero no se donde encontrarlo o como crear en el custom.

Gracias de nuevo

ResponderCitar
Respondido : 20/11/2018 2:45 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Jorge

Elimina el código anterior y utiliza lo siguiente:

@media only screen and (max-width: 600px) {
.woocommerce-product-details__short-description {
    margin-left: -5px;
}
}

Un saludo

ResponderCitar
Respondido : 20/11/2018 4:23 pm

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

Jorge Hernán
 Jorge Hernán
Usuario eminente

Hola; No funciona.
Es para la descripción larga, creo que me pones la corte, porque si que ha modificado la parte de arriba, sería justo la que aparece cuando pone descripción.

Gracias

ResponderCitar
Respondido : 20/11/2018 4:38 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Jorge

Por favor adjunta captura de el texto exacto que quieres modificar 😉

Un saludo

ResponderCitar
Respondido : 20/11/2018 4:43 pm

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

Jorge Hernán
 Jorge Hernán
Usuario eminente

Muy buenas;

Cuando entras en cualquier producto. Le das al botón descripción. Se despliega un texto. Es ese texto que necesito modificar. En el pantallazo que te he pasado antes con la parte de código digamos, es justo el texto que aparece, arriba justo , tapado por el indicador div es el cartel de descripción. Es justo el texto del pantallazo.

Gracias

ResponderCitar
Respondido : 20/11/2018 4:53 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

El problema no es el margin sino más bien el padding, al final de tu archivo custom.css prueba agregar el siguiente código

@media(max-width:768px){
    .q_accordion_holder.boxed div.accordion_content{
        padding-left:0!important;
    }
}

Refresca el navegador para ver los cambios.

Saludos.

ResponderCitar
Respondido : 20/11/2018 5:19 pm

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

Jorge Hernán
 Jorge Hernán
Usuario eminente

¡¡¡¡SÍ!!!!!

Ahora sí que funciona perfecto. MIL GRACIAS

No se si puedo aprovechar para pedir otro retoque en este tema relativamente similar.

Se trata de corregir la posición de un botón, dejarlo centrado y un poco separado de la fotografía del producto. No puedo centrarlo y solo lo puedo hacer más grande para que quede bien la versión de escritorio. Pero cuando lo veo en versión mobile, queda mal porque es demasiado grande. Ahora lo he dejado tal como estaba para que, por lo menos, se pueda ver bien.

La página es Contenido solo visible a usuarios registrados

Os añado el pantallazo con la info del elemento a ver si podemos hacer algo parecido con css.

De nuevo mil millones de gracias

ResponderCitar
Respondido : 20/11/2018 7:25 pm
Página 1 / 2