All things Shopify and commerce
I'm adding 5 variants to one of my products and it looks ugly by default when viewed on the site.
How do I style the variants using CSS to make a box around the variant section of the product page and left align the variants maybe so they don't look scattered randomly in that area of the product page?
I am an experienced developer and just need to be pointed in the right direction if someone knows?
If you want to create a box around the variants section, you can use the CSS property "border." For example:
.variants {
border: 1px solid #000;
}
If you want to left-align the variants, you can use the CSS property "text-align." For example:
.variants {
text-align: left;
}
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024