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
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
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
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
Hola!
Sí, creo que es esto 😀
¿Dónde puedo acceder a este código exactamente?
Gracias
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
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
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
Hola Jorge
Por favor adjunta captura de el texto exacto que quieres modificar 😉
Un saludo
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
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.
¡¡¡¡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