How to make gap bewteen products? -Spotlight theme

Store Design
, , , , , ,

Topic summary

A user modified code in their featured products section or base.css file, causing product display issues on low-resolution screens where products now overlap each other instead of displaying properly.

Solution Provided:

  • Navigate to the base.css file
  • Locate line 3014
  • Delete the code: width: 350px !important;
  • Save the file

This CSS override was forcing a fixed width that broke the responsive layout on smaller screens. Removing this declaration should restore proper product spacing and grid behavior across different screen sizes.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
1

about month ago I changed something in code of featured products or base.css and now for low resolution screens all my products are overriden on eachother. check screenshot, I want them to be like this. for all of them to be fit.

site link: https://kartbagrationvalley.com/

password: KBV

Nikxj44_0-1718644796604.png
Nikxj44_0-1718644796604.png1917×972 242 KB

2
  • Please go to the base.css file and delete the code ‘width: 350px !important;’ at line 3014, then save the file.

BssTekLabs_0-1718646859550.png
BssTekLabs_0-1718646859550.png664×599 35.7 KB

Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

1 Like