Jump to content

Centering product image grid in Shop Fulton / 7.0

Recommended Posts

Site URL: https://www.fitbarstrong.com/ocr-ninja-warrior-equipment

Hello - I wanted to widen the viewable width of the pages on my site, desktop only, and was able to do so with the following CSS. 

/*make page wider desktop only*/
@media screen and (min-width:991px) { #page, #content {max-width: 85% !important;}
}

Works great except for the the product shop: apparently the default product categories and product images are left-aligned.  I tried various code snippets and was unable to get it center-align.  At the moment I suppressed the page width widening.   Any help is appreciated!!!

shop grid not centered.PNG

Link to comment
16 minutes ago, FitBar said:

Site URL: https://www.fitbarstrong.com/ocr-ninja-warrior-equipment

Hello - I wanted to widen the viewable width of the pages on my site, desktop only, and was able to do so with the following CSS. 

/*make page wider desktop only*/
@media screen and (min-width:991px) { #page, #content {max-width: 85% !important;}
}

Works great except for the the product shop: apparently the default product categories and product images are left-aligned.  I tried various code snippets and was unable to get it center-align.  At the moment I suppressed the page width widening.   Any help is appreciated!!!

shop grid not centered.PNG

Did you get it solved?

image.thumb.png.7a7b1bf99c62da590f2aac42677cfd84.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
On 3/10/2021 at 6:36 PM, bangank36 said:

Did you get it solved?

image.thumb.png.7a7b1bf99c62da590f2aac42677cfd84.png

Still have the issue.  I commented out the "Make page wider desktop only" code until I can figure out how to not negatively effect the product grip centering.  Thanks

Link to comment
  • 2 weeks later...
  • 2 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.