Buttons, Color swatch and editing product description

[Lillyatpeace]

Good morning,

I want to change a few things on my website.

How can I highlight the Pay now button?

How can I change the product color selection to show color swatches and not the color words?

How can I edit the product description for size chart?

[biznazz101 · Accepted solution]

Hello, here are a few things you can try!

How can I highlight the Pay now button?

To do this there are a few options you can choose from, but a basic step would be adding a colored border to make it stand out, or maybe a hover effect. To do this you can add something like this to Default Product Template>Buy Buttons>Custom CSS then click Save. To adjust color change the HEX code (ex: #000000).

.button {
  border: 2px solid #ff0000;
}
.button:hover {
  border: 2px solid #0000ff;
}

How can I change the product color selection to show color swatches and not the color words?

To do this without coding knowledge it is best to use an app, there are many for this purpose you could try this one:
https://apps.shopify.com/globo-color-swatches

How can I edit the product description for size chart?

Again there are a few ways to do this a simple method is to insert a table using the built in HTML editor in shopify like so:

SIZE	LENGTH	WIDTH
XS	22'	12'
XL	44'	24'

but it may be easier to use an app or hire a developer to code them in, this may work for you:
https://apps.shopify.com/kiwi-sizing

I hope that helps answer some of your questions, don't hesitate to reach out if you need help with your store!
@biznazz101