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, Portfolio hover Replace Link Style
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
  • 0

@FitBar Try adding 

margin: 0 auto !important;

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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...