Okay
  Public Ticket #304217
WooCommerce default styles
Closed

Comments

  • Michael started the conversation

    The WooCommerce addition this template is great, however some of the elements have default styles applied and look odd (see screenshot).

    I also note that the UI accent colors are not able to change "call to action" buttons independently of other elements. (see orange "description" button in this example vs. black "add to cart" button).

  •  8,460
  • Michael replied

    Hi Tahir,

    I'm not sure either of those plugins will write styles to adhere to the Salient font size / type and colour scheme of the unstyled woocommerce components. I fear they will only add to the site overhead on what could be under 10 lines of additional CSS.

  •   Tahir replied privately
  • Michael replied

    If others have this issue, all I had to to was define / override CSS for woocommerce classes not addressed by the SALIENT theme.

    .woocommerce .payment_box p {

    font-size: 100%!important;

    padding:0!important;

    }

    .woocommerce .reset_variations {

    position:inherit!important;

    }

    .woocommerce-page div.product p.stock {

    font-size: 100%!important;

    }

    .woocommerce-message a.button, body .container .woocommerce-error a.button, body .container .woocommerce-info a.button {

    padding: 5px!important;

    margin: 0;

    font-size: 100%!important;

    background-color: transparent!important;

    }

    .woocommerce ul.payment_methods li label{

    font-weight: 700!important;

    }

  • Joe replied

    thanks a lot, good to know somebody else is using woocommerce with salient