Home › Forums › Basel support forum › Changing colours

Changing colours

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • August 31, 2023 at 1:21 pm #492431

    gizmoman
    Participant

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

    Thanks

    September 1, 2023 at 1:13 am #492537

    Elise Noromit
    Member

    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

    September 1, 2023 at 1:53 pm #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

    September 2, 2023 at 8:42 pm #492837

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    September 3, 2023 at 8:04 pm #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

    September 3, 2023 at 10:48 pm #492892

    Elise Noromit
    Member

    Hello,

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

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

    Best Regards

    September 4, 2023 at 12:58 pm #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

    September 4, 2023 at 3:51 pm #493071

    Elise Noromit
    Member

    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

    September 6, 2023 at 2:15 pm #493706

    gizmoman
    Participant

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

    September 7, 2023 at 1:56 am #493891

    Elise Noromit
    Member

    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

    September 7, 2023 at 4:57 pm #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

    September 7, 2023 at 10:43 pm #494245

    Elise Noromit
    Member

    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

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