Unique horizontal value icons with a little custom CSS

Unique horizontal value icons with a little custom CSS

If you're working in the Shopify space as a designer or set up specialist and you know just enough CSS to be dangerous, Design Packs is your secret weapon 🙌.

Design packs was created with developers and designers in mind.  Just the right amount of customizations and then the ability to easily add scoped CSS for additional styling control 🎉.

I've created a little YouTube series on tutorials of how to achieve certain looks.  So far I've only focused on the Value Icons - horizontal. Every shop will likely want to highlight their key selling points and this is the perfect pack to do that.  A little CSS can make the design absolutely perfect for any shop.

Look one:

We show that it takes just a little CSS to create above look in this 5min video.  The full CSS and Mobile CSS are in the video description.

Look two:

Above is another fun style that will really make a store stand out. Here's the video shows you how to achieve this look.  CSS and mobile CSS are in the description of the video.

 

Look three: 

 

Sometimes, you may need to highlight more information, but you still want it to be stylish and easily readable.  Here's a video for this look.  Again, CSS and mobile CSS are in the description of the video.

Â