Home Forums Basel support forum Changing colours

Changing colours

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #492431

    gizmoman
    Participant

    Is there a css code for changing background colours for the new button, sale button, and sold out button?

    Thanks

    #492537

    Hello,

    You can find the option in the Theme Settings > Styles and Colors. If it doesn’t help you, please provide the page URL, we will give custom CSS.

    If you have any questions please feel free to contact us.

    Best Regards

    #492644

    gizmoman
    Participant

    Sorry, you can’t change it there. I am talking about these buttons

    product-label.new {
    background-color: #438e44;

    I want to change this green colour to a different one

    Also, your sold out button background color is black
    I want to change that too.

    Thanks

    #492837

    Hello,

    Please provide the product page URL. We will give you correct CSS.

    Best Regards

    #492884

    gizmoman
    Participant

    They usually appear on the product carousel or the category page on the home page or recent-products page or the category page.

    Thanks

    #492892

    Hello,

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

    body .labels-rounded span.new {
        background-color: red !important;
    }

    Best Regards

    #493024

    gizmoman
    Participant

    Thanks. how do I change red to a colour code?
    Also, how do I change the sold-out or sale button colour
    Thanks

    #493071

    Hello,

    Please replace the “red” with any color code: #438e44 If you need any color, please provide the screen, and I will provide the code.

    If you have any questions please feel free to contact us.

    Best Regards

    #493706

    gizmoman
    Participant

    Thanks. Could you also supply me the code for changing the colour to sale and sold buttons?
    Thanks

    #493891

    Hello,

    Please use this code:

    body .labels-rounded span.new {
        background-color: #438e44 !important;
    }

    If you have any questions please feel free to contact us.

    Best Regards

    #494173

    gizmoman
    Participant

    Sorry, you have repeated the same answer twice. I am okay with the new label. My last query was about the sale label and sold-out label. I have already provided the url link for it

    #494245

    Hello,

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

     body .labels-rounded span.out-of-stock{
        background-color: #438e44 !important;
    }
     body .labels-rounded span.onsale{
        background-color: #438e44 !important;
    }

    If you have any questions, please feel free to contact us.

    Best Regards

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