Add ability to disable border-on-hover on product listings#88

When you hover over a product listing on the product grid a border appears. Some merchants would like the ability to disable this border, and the ability to change the color of the border seperate from the text color.

For anyone who would like to remove the border-on-hover for product listings in the mean time, you can follow these instructions to override the default theme styles with a bit of CSS:

• Head to your Theme editor (Customize)
• Click Theme settings (paint brush icon)
• Click Custom CSS
• Add this code to the Custom CSS field:

.product-item__hover-container border: 0px !important;
}

• Click Save

Just a note, make sure to add a { before ‘border’. For some reason pasting code the code here removes it :)

Thanks! Not sure why pasting it would remove that bracket, but here it is another way in case this helps:

.product-item__hover-container {border: 0px !important;}

We’ve just published this feature in the newest version of Stiletto!

Check out the changelog for Stiletto here for a complete list of changes:
https://fluorescent.co/help/stiletto/changelog

And here’s where you’ll want to look for update instructions:
https://fluorescent.co/help/stiletto/theme-update

If you have any questions or issues please message our support team at help@fluorescent.co

Thanks for your patience!