Shopify themes, liquid, logos, and UX
All the buttons on my store appear to be classified as secondary buttons, with no outline or background color (only button labels and shadow are visible).
I have a limited knowledge of how to navigate and make minor changes to the back-end code. I searched through both my theme.liquid and base.css files, and I was only able to find styling for the secondary and tertiary buttons, with no mention of a primary button anywhere.
This is line 1190 to 1202 from base.css
/* component-button */
/* Button - default */
.button--secondary,
.button--tertiary {
--color-button: var(--color-secondary-button);
--color-button-text: var(--color-secondary-button-text);
}
.button--tertiary {
--alpha-button-background: 0;
--alpha-button-border: 0.2;
}
I have also searched for any !important overrides related to button background color, but didn't find anything there either.
My goal is to have primary buttons that inherit styling from the Color Scheme options in the client-side theme editor. Any help would be greatly appreciated!
Site is https://cuttlepods.ca/
I've also attached a screenshot of the transparent buttons for clarity.
Thank you!
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024