Home › Forums › WoodMart support forum › change-color-shop-button

change-color-shop-button

Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • June 14, 2020 at 8:45 pm #203395

    vindesign_it
    Participant

    Hi,

    How can I change the color button in product page ?

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

    Thank you,

    June 14, 2020 at 9:51 pm #203418

    Elise Noromit
    Member

    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

    June 15, 2020 at 6:22 pm #203681

    vindesign_it
    Participant

    Hi,

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

    Thank you,
    Best Regards

    June 16, 2020 at 7:13 am #203823

    Elise Noromit
    Member

    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

    June 18, 2020 at 8:06 am #204466

    vindesign_it
    Participant

    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 ?

    June 18, 2020 at 9:37 am #204496

    vindesign_it
    Participant

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

    Thanks

    June 18, 2020 at 12:25 pm #204559

    Elise Noromit
    Member

    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

    June 18, 2020 at 4:12 pm #204635

    vindesign_it
    Participant

    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

    June 19, 2020 at 6:21 am #204707

    vindesign_it
    Participant

    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

    June 19, 2020 at 6:33 am #204711

    vindesign_it
    Participant

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

    Thank you

    June 19, 2020 at 12:24 pm #204795

    Elise Noromit
    Member

    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

    July 3, 2020 at 9:35 am #208374

    vindesign_it
    Participant

    Dont’work, can you help me?

    This is web site ( private content )

    Thank you !

    July 3, 2020 at 2:06 pm #208450

    Elise Noromit
    Member

    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

    July 3, 2020 at 3:14 pm #208462

    vindesign_it
    Participant

    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.
    July 4, 2020 at 8:14 am #208544

    Elise Noromit
    Member

    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

    July 4, 2020 at 8:31 pm #208659

    vindesign_it
    Participant

    Perfect ! Thank you.

    The last two things. See the screenshot.

    Thank you,
    Best Regards

    Attachments:
    You must be logged in to view attached files.
    July 5, 2020 at 2:35 pm #208739

    Elise Noromit
    Member

    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

    July 6, 2020 at 1:07 pm #208958

    vindesign_it
    Participant

    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.
    July 6, 2020 at 3:12 pm #208992

    Elise Noromit
    Member

    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

    July 6, 2020 at 6:39 pm #209027

    vindesign_it
    Participant

    ook ! Perfect !

    Good work !

    Thank You

    July 6, 2020 at 11:01 pm #209066

    Elise Noromit
    Member

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

    Best Regards

  • Author
    Posts
Viewing 21 posts - 1 through 21 (of 21 total)

The topic ‘change-color-shop-button’ is closed to new replies.