How can I import Hover.css into my theme on Shopify?

Store Design
1

Hi, I am looking to use Hover.css library on my Shopify theme, however I unsure on how to import it to my theme code. Can anyone let me know if this is possible, and if so, how I would go about importing this into my Shopify theme. The site for hover.css is https://ianlunn.github.io/Hover/.

2

Download the zip file from GitHub then upload the css file(hover-min.css) to your theme. Then you go to theme.liquid and link it in the tag with the code below. You can copy and paste the code below and I think it should work.

{{ ‘hover-min.css’ | asset_url | stylesheet_tag }}

3

Unfortunately, that did not work.

4

I just tried it and it worked. No need to add the css file. When you download the zip find css folder and in the folder hover.css.

  • Look through the code and you should see the names of the styles that you want
  • Copy the one you want and then go to base.css and paste it at the bottom.
  • Then find the element you want to have this style and then add the class of the style you want to it. Link to explanation – https://github.com/IanLunn/Hover#how-to-use
5

that worked. thank you!