Support » Plugin: WooCommerce » Adjust padding under product price

Viewing 8 replies - 1 through 8 (of 8 total)
  • link to website?

    ul.products li.product .price {margin-bottom: 1em;}

    So the stylesheet for WooCommerce is very different. Not something I’ve used before. It’s a single line, and there is also a .less file in that directory. Anything special I need to do to add that line of code?

    no, don’t do anything to any of the files in the plugin (except maybe copy the template files)

    You need to override the css from your theme’s stylesheet.

    OK. I added that line of code to my themes css file and it didn’t seem to do anything. I added it to the bottom of the CSS file just barely before the end, exactly like this:

    /* Store Price Spacing */
    ul.products li.product .price {margin-bottom: 1em;}
    
    /* =END
    ----------------------------------

    I tried using firebug to grab the css also. URL is here:
    http://www.goldrushexpeditions.com/store/

    I tried this code in the theme stylesheet and it also didn’t do anything:

    /* Store Price Spacing */
    ul.products li.product .price {
        color: #85AD74;
        display: block;
        font-weight: normal;
        margin-bottom: 1.5em;
    }

    looks like the woocommerce stylesheet is loading after your theme, so you need to use a more specific selector like this:

    #main ul.products li.product .price{
    color: #85AD74;
    display: block;
    font-weight: normal;
    margin-bottom: 1.5em;
    }

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Adjust padding under product price’ is closed to new replies.