How can I modify button shapes and colors on my site?

Store Design
1

Dear community,

I want to make some adjustments to my store. I’d like to know the following things:

  1. How do I change all my buttons from squared to rounded?
  2. How do I change the background color of variant buttons when selected (into purple)? Please see picture below as an example.

Website: https://store-lamris1.myshopify.com/products/product

Password: test

Theme: Motion

Kind regards

1 Like
2

@blcksoap

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.btn, .rte .btn, .shopify-payment-button .shopify-payment-button__button--unbranded, .spr-container .spr-button, .spr-container .spr-summary-actions a
{
border-radius: 100px !important;
}
.variant-input-wrap input[type=radio]:checked+label 
{
box-shadow: 0 0 0 2px #8b52ff;
    background: #8b52ff;
    color: #fff;
}
1 Like
3

but there isnt a theme.css