Home Forums WoodMart – Premium Template change-color-shop-button

This topic contains 20 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 1 month, 1 week ago.

Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • #203395
    vindesign_it
    vindesign_it
    Customer

    Hi,

    How can I change the color button in product page ?

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

    Thank you,

    • This topic was modified 1 month, 4 weeks ago by vindesign_it vindesign_it.
    #203418

    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

    #203681
    vindesign_it
    vindesign_it
    Customer

    Hi,

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

    Thank you,
    Best Regards

    #203823

    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

    #204466
    vindesign_it
    vindesign_it
    Customer

    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 ?

    • This reply was modified 1 month, 3 weeks ago by vindesign_it vindesign_it.
    #204496
    vindesign_it
    vindesign_it
    Customer

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

    Thanks

    #204559

    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

    #204635
    vindesign_it
    vindesign_it
    Customer

    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

    #204707
    vindesign_it
    vindesign_it
    Customer

    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

    • This reply was modified 1 month, 3 weeks ago by vindesign_it vindesign_it.
    #204711
    vindesign_it
    vindesign_it
    Customer

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

    Thank you

    Private Content Hidden
    • This reply was modified 1 month, 3 weeks ago by vindesign_it vindesign_it.
    #204795

    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

    #208374
    vindesign_it
    vindesign_it
    Customer

    Dont’work, can you help me?

    This is web site ( private content )

    Thank you !

    Private Content Hidden
    #208450

    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

    #208462
    vindesign_it
    vindesign_it
    Customer

    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 “

    Private Content Hidden
    • This reply was modified 1 month, 1 week ago by vindesign_it vindesign_it.
    Attachments:
    You must be logged in to view attached files.
    #208544

    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

    #208659
    vindesign_it
    vindesign_it
    Customer

    Perfect ! Thank you.

    The last two things. See the screenshot.

    Thank you,
    Best Regards

    • This reply was modified 1 month, 1 week ago by vindesign_it vindesign_it.
    Attachments:
    You must be logged in to view attached files.
    #208739

    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

    #208958
    vindesign_it
    vindesign_it
    Customer

    ok, It’s work.

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

    Thank you,
    Best Regards

    • This reply was modified 1 month, 1 week ago by vindesign_it vindesign_it.
    Attachments:
    You must be logged in to view attached files.
    #208992

    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

    #209027
    vindesign_it
    vindesign_it
    Customer

    ook ! Perfect !

    Good work !

    Thank You

    #209066

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

    Best Regards

Viewing 21 posts - 1 through 21 (of 21 total)

You must be logged in to reply to this topic.