Home › Forums › WoodMart support forum › Change colors to match the Primary Color of the theme

Change colors to match the Primary Color of the theme

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 27, 2020 at 6:56 pm #214655

    javi2javi
    Participant

    Hello,

    I am using your “Hardware” layout and I would like to modify the color of some elements that are changed automatically when I choose the Primary Color of the theme.

    In the image I show you that if I choose the red color, this color is the one that fits in the cart label above the product, in the price filter bar and in the wishlist, cart and compare icons in the menu bar up to the right.

    My brand color is yellow and red, but if I choose yellow, the data of the wishlist, expensive and compare icons do not differ well. For this reason, I would like this information to be in red, but for the cart label and the price filter bar to be in yellow, which is what identifies my company.

    I hope you have understood me.

    Attachments:
    You must be logged in to view attached files.
    July 27, 2020 at 9:58 pm #214702

    Elise Noromit
    Member

    Hello,

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

    body .widget_price_filter .ui-slider .ui-slider-handle:after,
body .widget_price_filter .ui-slider .ui-slider-range{
background-color:red;
}

    Please give your site URL so that I could provide the CSS for the Add to cart button.

    Best Regards

    July 28, 2020 at 1:47 pm #214891

    javi2javi
    Participant

    Thank you very much,

    With the code that you have provided me I can change the price filter bar, but really what I need is the following, excuse me, I have explained myself wrong.

    I want to put the yellow color in the places that I indicate in the image that I attach now.
    And I want to put the red color in the icons that indicate the amount of products that I have in the cart, wishlist and compare that are in the menu bar. Up to the right.

    I indicate it in the new image.

    What do you recommend that I do? Put the primary color in yellow and change with CSS the balloons of the icons above? Or vice versa?

    Thank you very much again.

    Attachments:
    You must be logged in to view attached files.
    July 28, 2020 at 8:36 pm #214933

    Elise Noromit
    Member

    Hello,

    If you want to change a couple of elements, you would better to apply custom CSS, if you want to change a lot of elements, you would better to change the Primary color in the Theme Settings > Styles and colors.

    The idea is that you decide which color is dominant and I can provide custom CSS for the exception.

    Best Regards

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