Customizing colors for products

[zohia]

In the URL provided, how can I change the following items:
1) The price’s text color.

2) The color of the text under “Descrição”, “informação adicional” and “avaliações”.

3) When I click “Descrição”, “informação adicional” or “avaliações”, after that box opens the title goes into a different color. How can I change that?

4) I installed a plugin for translation but it doesn’t seem to translate the following words: Need Help?, Contact Us, Leave Feedback, share this (button). Is there a way for me to change that text?

5) Can I use an image as background for the title banner?

I tried fiddling with the color customizer but I keep changing unwanted things.

Thanks!

[Mohammad – SUPPORT]

Hi,
1- Please use this custom css code:-

.woocommerce div.product .summary p.price, .woocommerce-page div.product .summary p.price {
    color: #ff0000 !important;
}
#product-description .accordion-inner,#product-additional_information .accordion-inner,#product-reviews .accordion-inner{
 color: #ff0000 !important;
}
a[class="accordion-toggle"]{
color: #ff0000 !important;
}

2- Use codestyle plugin to translate site.

3- I would suggest to use Fancy heading for title.

Thanks
Mohammad

[zohia]

Thanks Mohammad!

How can I change the color of the “x em stock” and the quantity and buying buttons in all product’s pages?

Example:
http://ogatofica.com/produto/poopy-blocks/

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

p.stock{
color:#ff0000 !important;
}

.woocommerce form.cart button.single_add_to_cart_button, .woocommerce form.cart .yith-wcwl-add-to-wishlist a, .woocommerce .quantity input, .woocommerce .quantity .minus, .woocommerce .quantity .plus {
    color: #ff0000;
}

Thanks
Mohammad

[zohia]

The second line only changes the text inside the button. Is there a way to change the background colour of the button itself?

[Nishant – SUPPORT]

Hello zohia,

You want to change background color of SHARE THIS button?

Regards,
Nishant
SwiftIdeas Customer Support Team

[zohia]

No, it’s the -1+ button, and the “comprar” (buy) button.

[Rui Guerreiro – SUPPORT]

Hi,

You can use the code below to adjust the background and text color of those buttons.

.woocommerce form.cart button.single_add_to_cart_button, .woocommerce form.cart .yith-wcwl-add-to-wishlist a, .woocommerce .quantity input, .woocommerce .quantity .minus, .woocommerce .quantity .plus {
  color: #F7F7F7!important;
  background-color: #222!important;
}

-Rui

[zohia]

Hi Rui,

Thanks. Again and again.

Before you get fed up with me, here’s a list of the other colors I need to change:

1) “Country” selection area; “postcode” and “coupon code” input areas; “update totals”, “update cart” and “apply coupon” buttons here: http://ogatofica.com/carrinho/

2) The text in the same page. I’m referring to the text that is currently in very light grey, like in “item”, “description”, “unit price” and in the description of what’s in the cart.

Thanks

[Mohammad – SUPPORT]

Hi,
You have changed the body color through color customizer that is cause to issue. Please go through color customizer and change body color.
Thanks
Mohammad

[zohia]

Is there any way to have the body color in specific pages?
I need that color in all other pages, where I’m using darker background pages, but not in the woocommerce pages.

What about the background color of the other ones?
“Country” selection area; “postcode” and “coupon code” input areas; “update totals”, “update cart” and “apply coupon” buttons here: http://ogatofica.com/carrinho/

[Mohammad – SUPPORT]

Hi,
You can use this custom code this.

body:not(.woocommerce){
color:#dbd9d9;
}

Thanks
Mohammad

[zohia]

It’s not working… I added that code and used the color customizer to change the body text color to green so I could tell the difference and what happens is that both the body text in a regular page (http://ogatofica.com/contactos/) and the body text in woocommerce pages (http://ogatofica.com/carrinho/ and http://ogatofica.com/produto/carpet/) are in the green which I set through the customizer.

Any idea what I might be doing wrong?

[Mohammad – SUPPORT]

Hi,
Please remove that one code use the code for woocommerce pages.
`/*green for all pages*/
body{
color:#81d742!important;
}
/*red for woocommerce pages*/
body.woocommerce{
color:#ff0000 !important;
}

Thanks
Mohammad