Colors
You can use the theme settings to make changes to your online store's typography, colors, social media links, and checkout settings. When you make changes to your theme settings, the changes apply to your entire online store.
You can set primary and secondary color schemes for your online store.
From the Colors theme settings panel, you can set the context uses of the colors across the theme.
Customize your color settings
From your Shopify admin, go to Online Store > Themes.
Click on Customize button.
Click Theme settings.
Click Colors.
To open the color picker, click the color swatch for the content type color you want to change. To set a specific hex color code, click on the text field to enter the color.
Delete the hex code value from the text field to set the color to transparent.
Click Save.
Background
Set the background color for the section.
Background gradient
Choose a gradient to apply to the section’s background, replacing the solid color where supported.
Text
Set the text color for the section.
Solid button background
Choose the background color of the buttons within the section.
Solid button label
Set the text (label) color for the buttons within the section.
Button background on hover
Choose the background color of buttons when hovered over.
Button label on hover
Set the text (label) color for buttons when hovered over.
Outline button
Choose the color for the outline of buttons within the section.
Link hover color
Choose the color that links will change to when hovered over.
Last updated