Soporte » Diseño – Temas y plantillas » Alineación Precios Woocommerce

  • Resuelto raquelvillasmil91

    (@raquelvillasmil91)


    ¡Hola! Tengo una tienda en WordPress y utilizo Woocommerce.

    Como pueden ver todos los precios de mi tienda aparecen alineados a la derecha y aquellos que tienen variación de producto, se separan muchísimo entre las palabras «Desde:» y el monto del producto.

    ¿Podrían ayudarme a solucionar esto? Me gustaría que saliera centrado.

    ¡MIL GRACIAS!

    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 LGrusin

    (@lgrusin)

    Algo le habrás hecho al tema porque los precios vienen por defecto centrados.
    Tienes:

    .woocommerce-Price-amount {
     float: right;
    }

    ¿Has modificado los estilos CSS del tema?

    Por cierto, vacía el plugin de caché antes de hacer pruebas.

    • Esta respuesta fue modificada hace 1 mes por LGrusin.
    raquelvillasmil91

    (@raquelvillasmil91)

    La web no la empecé yo, es por eso que no veo de donde viene este tema.

    He revisado la web y no consigo donde aparece para modificarlo.

    .woocommerce-Price-amount {
    float: right;
    }

    He modificado algunas cosas en el CSS, pero no he logrado dar con el clavo para que queden centrado.

    Tengo en cuenta lo del plugin!

    Moderador LGrusin

    (@lgrusin)

    ¿Tienes algún plugin para añadir tus propios estilos CSS? ¿Algo como wp-custom-css?
    En el código fuente de la página (línea 516 aproximadamente) puedes ver ese código.

    Podrías ponerlo en el menú Apariencia – Personalizar – CSS Adicional, pero lo lógico es quitarlo de donde está o sustituirlo por:

    .woocommerce-Price-amount {
     float: none !important;
    }

    Vacía el caché, no verás los cambios si no lo haces.

    • Esta respuesta fue modificada hace 1 mes por LGrusin.
    • Esta respuesta fue modificada hace 1 mes por LGrusin.
    raquelvillasmil91

    (@raquelvillasmil91)

    MUCHAS GRACIAS! Ha funcionado 😀

    Una última pregunta ¿sabrás cómo puedo hacer para quitar la palabra «Desde» y que solo aparezca el precio más bajo?

    Intenté colocando esto en el CSS: .span.woofrom { display: none}

    Pero nada 🙁

    Moderador LGrusin

    (@lgrusin)

    Busca si tienes algún código que te genere ese prefijo, bien sea de algún plugin para WooCommerce o que alguien haya realizado. WooCommerce no lo genera, ni el tema que estás usando tampoco.

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