Spotlight theme - how to add to cart button

[backbeatwear]

Hi all, 

I recently started creating my shop. So as in title is there any option to create "add to cart" button in my theme? 

It is little bit annoying having only buy now option to choose. 

Thank's for any feedback

[TerenceKEANE · Accepted solution]

Hi,

It seems that some elements might be hidden or there could be an incorrect setting causing the issue, possibly originating from your theme.

The following code will do what you want. You can change the values as you like. If you encounter any issues again, feel free to write, I'll help.

Navigate to the 'Edit Code' option in your theme settings, then search for “base.css” in the search bar and add below codes.

.product-form__buttons .button {

    background: aliceblue;

}

Terence

[JasmeetVT14313]

Hi @backbeatwear 
Can you please share your store URL

[huynhmaianhkiet]

Hi @backbeatwear,

I have checked your website and noticed that the add-to-cart button is still present, but its color is set to black and blends with the background color of the website, making it invisible. To make it visible, you need to adjust the background color for the add-to-cart button.

[backbeatwear]

How can i easily change color of button ? 

[Dan-From-Ryviu]

Hi @backbeatwear 

Buy buttons include Add to cart button on product page.

[backbeatwear]

Yes but it got same color as whole page background

[TerenceKEANE · Accepted solution]

Hi,

It seems that some elements might be hidden or there could be an incorrect setting causing the issue, possibly originating from your theme.

The following code will do what you want. You can change the values as you like. If you encounter any issues again, feel free to write, I'll help.

Navigate to the 'Edit Code' option in your theme settings, then search for “base.css” in the search bar and add below codes.

.product-form__buttons .button {

    background: aliceblue;

}

Terence

[backbeatwear]

Hi, 

thanks for help. now only question about changing button color. if i want to use one of the theme colors. do i write color code instead of name : aliceblue ??

[TerenceKEANE · Accepted solution]

Hi again.

There's really no need. The color issue is quite complicated. Add an "eye dropper" in the Chrome browser, then you can set the colors in the area below as "#916d3b".

Example

background: #916d3b;