How to change color of add to cart in in tune boom app

Shopify Discussion
1

I’m looking for a way to change the color of this add to cart button to blue and was wondering if possible to do, thanks!

2

Hey @Jademelody

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1733833694276.png
Moeed_0-1733833694276.png1423×814 143 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

To change the color of an “Add to Cart” button to blue, you can use CSS. Here’s how:

Step 1: Identify the Button

You need to know the class or ID of the “Add to Cart” button. For example, if the button has a class like add-to-cart.

Step 2: Add CSS Code

Use the following CSS to change the button color to blue:

css

Copy code

.add-to-cart { background-color: blue; /* Change button color to blue / color: white; / Optional: Change text color for better visibility / border: none; / Optional: Remove border if needed */ }

 

Step 3: Apply the CSS- If you’re using a website builder (like WordPress), go to the “Custom CSS” or “Additional CSS” section and paste the code.

  • If you’re editing the HTML directly, add the CSS in a tag in the section of your HTML file or link to an external stylesheet.

Example:

If you share the exact context of the button (e.g., website platform or HTML code), I can provide more specific guidance!

and can you also help me to change my website theme this is the site visit it “Dfa Appointment”

4

Hi @Jademelody

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
.product-form__tuneboom-item.product-form__item.product-form__item--submit div[aria-label="Add to cart"] {
    background: #4770DB !important;
    color: white !important;
}

Here is the result: https://prnt.sc/dNoCYBJnkPwG

I hope this helps

Best,

Daisy