Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Centering product image grid in Shop Fulton / 7.0


FitBar

Question

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

4 answers to this question

Recommended Posts

  • 0
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 BaNgan from 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, Youtube Gallery for Squarespace
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
  • 0
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

Create an account or sign in to comment

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

×
×
  • Create New...