Hello,
A while back we had a developer create a special “Featured Products section”, it’s a Featured Collection section but where we can select individual products rather than collection. When we only select 1 or 2 products, they show up on the left of the page (see example on this page here), how can we make it center aligned? Maybe through CSS styling?
I have tried this code (after putting the collection within a div section with ID “PRODUCTS”):
products {
justify-content: center !important;
align-content: center !important;
}
Fantastic, thank you @suyash1 ! Would you also happen to know why the same section appears so big on this page? Scroll down to paragraph “How to choose a commercial air purifier for a large, industrial space?”
@Snow_Wolf - it is featured collection section, so it is showing all options so that user can purchase from the same page and it does not need to navigate to other pages
Sorry, my message wasn’t clear @suyash1 . What I meant is that on the test page I sent you, everything looks perfect now. But on this page (if you scroll down to paragraph “How to choose a commercial air purifier for a large, industrial space?”) you will see that the same section appears to be “zoomed in”, much bigger:
That has the expected effect, thanks! But it’s still much bigger than it should be (you can check out the home page’s Featured Collection for reference on the size), not sure what is going on, or even the Featured Collection at the bottom of that very article, which is definitely smaller
