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

Jademelody · ‎12-10-2024

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!

DaisyVo · ‎12-10-2024

Hi @Jademelody

To complete your requests, please follow these steps:

Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
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

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

View solution in original post

Moeed · ‎12-10-2024

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 </body> tag

<style>
.tuneboom .product-form__cart-submit {
    background: #0E1B4D !important;
    color: white !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications

lucythoma8 · ‎12-10-2024

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 <style> tag in the <head> 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"

DaisyVo · ‎12-10-2024