Soporte » Diseño – Temas y plantillas » corregir márgenes en página de producto woocommerce

  • Resuelto lacuevagame

    (@lacuevagame)


    Buenos días, ocurre que la página de presentación de producto simple aparece con ancho completo y queda todo muy grande y pegado a la izquierda. Probé esta respuesta que encontré en el foro de hace dos años pero no funcionó:

    Prueba en el menú Apariencia – Personalizar – CSS Adicional:

    .single-product . site-main {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    }

    Estoy usando el tema Royal Elementor Kit.

    Tienen alguna sugerencia?

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • Moderador Jose Luis

    (@jose64)

    Hola.

    Prueba con este código:

    div#primary {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    Recuerda marcar el debate como resuelto, así nos ayudas a mantener el foro al día.

    Iniciador del debate lacuevagame

    (@lacuevagame)

    Gracias @jose64 ! Funcionó perfecto. Pude achicar el tamaño de la fuente del título de Producto y precio, pero no logro achicar los títulos Descripción y Productos relacionados. Me podrás ayudar con eso?

    Iniciador del debate lacuevagame

    (@lacuevagame)

    Ya pude borrar el encabezado repetido Descripción, solo me faltaría achicar el título Productos relacionados para que me quede perfecta la presentación del producto.

    Moderador Jose Luis

    (@jose64)

    Productos relacionados en un título H2, no tiene nada que ver con el ancho y márgenes de la sección. Usa este código adaptando el tamaño de la fuente a lo que necesites (puedes usar pixels):

    section.related.products h2 {
        font-size: 1em;
    }
    Iniciador del debate lacuevagame

    (@lacuevagame)

    Quedó perfecto! Mil gracias!!

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • Debes estar registrado para responder a este debate.