To make the price show up by changing the text color, try this custom css:
.woocommerce div.product p.price,
.woocommerce-page div.product p.price
{color:#000 !important}
To make the Buy button show up by changing the button background color, try this custom css:
.woocommerce-page button.single_add_to_cart_button.alt
{background-color:#666 !important}
If your theme does not have a custom css feature, you can use a plugin like this one:
https://wordpress.org/plugins/simple-custom-css/
Are you using the WooCommerce Colors plugin:
https://wordpress.org/plugins/woocommerce-colors/
You could be at this all day with various elements and I don’t see why your theme doesn’t just work with WooCommerce. I pretty sure its supposed to be WooCommerce compatible. You may do better by asking Elegant Themes support. The cost of support is included in the price and their techs will know the theme best.
Thread Starter
hybryt
(@hybryt)
Iorro, it works !
The theme has custom css feature, I put the codes that you provide and works perfectly !
I’m having a little trouble with others IDS
Check here (SELECTED [in blue])
EDITED: Check here
Can you help me one more time ?
Do you have the code to change ?
Where do you get these codes ?
Thank you!
.variations_form .amount
{color:#444}
#wc-correios-simulator button
{margin-left:40px; background-color:#666 !important}
The codes come from practice 🙂
http://www.w3schools.com/css/
Thread Starter
hybryt
(@hybryt)
Iorro, can you help me one more time ?
When I add a product to the cart (and go to the page) the button is hidden (same as the product page) – I tried w3schools, a little of google and debug box, but I’m newbee in this aspects.
1 – Add to cart this product: http://studioartgo.com.br/produto/touro/
2 – [PROBLEM] Go to cart: http://studioartgo.com.br/cart/
3 – [PROBLEM] Go to check out: http://studioartgo.com.br/checkout/
2 – img ref: http://i.snag.gy/cArck.jpg
3 – img ref: http://i.snag.gy/9UZQb.jpg
Do you have the CSS codes to change the colors of both?
Thanks for the patience.
.woocommerce-page a.button.alt,
.woocommerce-page .shop_table .button,
.woocommerce-page input.button.alt
{background-color:#666 !important}
