Creating a grey border around product grid

[Thehumblelone]

First of all I would like to thank the wonderful community here for always helping out

I wanted to add these grey borders around my product grids. Anyway i can do that with CSS?

I’m using Focal theme:
www.brandsinless.com

[websensepro]

Hello Thehumblelone,

To Add a Grey Border Around the Product Grid, you’ll need to modify the CSS styles of your theme.

Here’s a general guide on how to achieve this:

• Access Theme Customization
• Navigate to Theme Editor
• Locate the CSS File (this file is named base.css)
• Add CSS Styles (Add the following code to the base.css file at the bottom to create a grey border around the product grid)

/* Add a grey border around the product grid */
.product-item {
  border: 1px solid #ccc; /* Adjust the border width and color as needed */

Save Changes.


[websensepro]

Hello Thehumblelone,
Thanks for accepting the solution,

If you are happy, Please Buy me a coffee.