change-color-shop-button

Hi,

How can I change the color button in product page ?

see the screenshot https://ibb.co/QHv3jJH

Thank you,

Hello,

You can change the colors in the Theme settings > Styles and colors, if you do not want to change the colors globally, it can be changed with custom CSS, let me know if you need help in this issue.

Best Regards

Hi,

In Styles and colors there isn’t, Can you send me an custom CSS ? Please.

Thank you,
Best Regards

Hello,

Code to change the prices:

body .single-product-content p.price del .amount  {
     color: red; /* COLOR */
}
body .single-product-content p.price  ins .amount{
     color: blue; /* COLOR */
}

Code to change the button:

body .single_add_to_cart_button{
background:red;
}

Please add this code to the Theme Settings > Custom CSS > Global

Best Regards

ok, thank you.

If a want change .woodmart-cart-number ? ( https://ibb.co/dtk5CrN ) and this

https://ibb.co/rfYWKbp

I added this code :

.woodmart-cart-design-5 .woodmart-cart-number {
    background-color: #14a658; !important
}

.woodmart-hover-quick .woodmart-add-btn > a {
    background-color: #14a658; !important
}

body .wd-tools-element .wd-tools-count {
    background-color: #14a658; !important
}

but isn’t work

Can you help me ?

Will You set a faster and easier way to change the color in future ?

Thanks

Hello,

The fastest and easiest way to change the color is Theme Settings > Styles and Colors.

Please provide your shop page URL. Do you mean changing the shopping cart count circle background in the Header?

Best Regards

The color change in “Styles and Colors” section, don’t work to all fields and bottoms… for this reason I added a custom CSS.

I’m sorry but the site isn’t online, it’s off-line for this moment…

Yes, I would like the cart count circle color background in header and woodmart-add-btn wd-add-btn-replace

Thank you

Is there a way to set: heredity the background color title page to every page ? I think that’s the problem, because the CSS sheet are contrast, the global CSS with Style Single Page.

Thank you

Moreover seems the CSS is block, why ? can you see the video ?

Thank you

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .woodmart-cart-design-2 .woodmart-cart-number{
background:red;
}

You can set the title background globally in the Theme Settings > Page title

As for the button, you can set the color in the Theme Settings > Styles and colors > Shop button color. https://prnt.sc/t2pu5r
If it does not work, provide your site URL.

Please provide your site admin access and screens of the buttons you would like to change.

Best Regards

Dont’work, can you help me?

This is web site ( private content )

Thank you !

Hello,

You can change the colors in the Theme settings > Styles and colors or replace the provided code with this one:

body .woodmart-hover-quick .woodmart-add-btn > a{
background:red;
}

You can change the font by means of an Advanced typography option, which allows to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

Best Regards

Thank You,

I changed something but another items don’t change color ( You can see the screenshot )

I added this code:

body .single-product-content p.price del .amount  {
     color: #14a658; /* COLOR */
}
body .single-product-content p.price  ins .amount{
     color: #14a658; /* COLOR */
}

body .woodmart-cart-design-2 .woodmart-cart-number {
background:#14a658;
}

body .woodmart-hover-quick .woodmart-add-btn > a{
background:#14a658;
}

body .single_add_to_cart_button{
background:#14a658;
}

I would like change a color font ” add to cart “

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .wd-tools-element .wd-tools-count{
color:red;
background-color:yellow;
}
body .woodmart-cart-design-5 .woodmart-cart-number{
	color:red;
background-color:yellow;
}
body .widget-product-wrap .price ins .amount {
color: red;
}
body .btns-shop-hover-dark .single_add_to_cart_button:hover,
body .btns-shop-hover-dark .single_add_to_cart_button{
color:white}

.tabs-layout-tabs .tabs li.active a:after {
    background-color: red;
}

Best Regards

Perfect ! Thank you.

The last two things. See the screenshot.

Thank you,
Best Regards

Attachments:

You must be logged in to view attached files.

Hello,

Please replace this code:

body .btns-shop-hover-dark .single_add_to_cart_button:hover,
body .btns-shop-hover-dark .single_add_to_cart_button{
color:white} 

For this one:

body .product-image-summary button.single_add_to_cart_button{
   color:white;
}
body .product-image-summary button.single_add_to_cart_button:hover{
   color:white;
}

Best Regards

ok, It’s work.

While background offer label ? and checkout buttom ( you can see the screenshot )

Thank you,
Best Regards

Attachments:

You must be logged in to view attached files.

Hello,

There was a mistake in CSS, I have corrected it, now the sales label background has been fixed.

Add this code to change the button in the shopping cart.

.btns-shop-hover-dark .widget_shopping_cart .buttons .checkout,

.btns-shop-hover-dark .widget_shopping_cart .buttons .checkout:hover{
color:white!important;
} 

Best Regards

ook ! Perfect !

Good work !

Thank You

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts