Remove gray frames from rewardStyle product thumbnails, and force each thumbnail to a square size (Boutiques)

By default, the rewardStyle Boutiques widget includes a light gray frame around all the product images, and the products are stacked in a “maisonry” grid—similar to what you might see on Pinterest, where the rows of the grid are all offset. For some users, the maisonry style grid of rewardStyle’s Boutiques layout means products may not appear centered on mobile devices.

The code snippet below will remove the standard light gray frames around rewardStyle product thumbnails, as well as force each thumbnail to be an even, square size. This not only will make your Boutiques look a bit neater within our Boutiques Plugin, but will also force all the items to be centered and neatly aligned on mobile devices. Here’s an example of how this code snippet looks in action.