Editing Woocommerce Product Displays and Widget Displays

[core11]

Hi,

i need some help with editing how a woocommerce product is displayed on a page, as well as help with editing the Widget elements displayed on a page.

Here is the webpage:
http://www.spinworkx.com/main/webstore/

1. i’d like to remove that line between the displayed products name/price.

2. i’d like to change the Widget display backgrounds (Cart / Product Categories / etc) to White instead of Black.

---

3. Another thing is for each product, i’d like to change the background color of the dropdown selection menu and the quantity to white instead of black.

Product page:
http://www.spinworkx.com/main/product/fast-201/

Thanks!!

[lely]

Hi There,

1.) I don’t see any line between product name and price:

Please clarify.

2.) Try this custom CSS:

.widget ul, .widget ol {
    background-color: #fff;
    border: none;
    box-shadow: none;
}

3.) Use this custom CSS:

.woocommerce div.product .summary .variations select, .woocommerce .quantity input[type="number"] {
    background-color: #fff;
}

Hope this helps.

[core11]

Hi Lely,

thanks so much for the reply. Attached is a screenshot of the line.

[christian]

Hey @core,

I don’t see those lines on my end but here’s what I see.

Here’s the code to make it white.

.woocommerce li.product {
    background-color: #fff;
}

[core11]

Thanks so much for the help! Everything works!

[jade]

You’re most welcome.