P-Lato Posted April 4, 2021 Share Posted April 4, 2021 I have 5 icons that I need to be horizontal and evenly centered on a page. I have tried to use the spacers in between icons, but the images are still off-center (because of the total size of the pics). Can anyone help me with a code that will automatically center all images in an entire section? Beyondspace 1 Link to comment
Beyondspace Posted April 4, 2021 Share Posted April 4, 2021 19 minutes ago, P-Lato said: I have 5 icons that I need to be horizontal and evenly centered on a page. I have tried to use the spacers in between icons, but the images are still off-center (because of the total size of the pics). Can anyone help me with a code that will automatically center all images in an entire section? It would help with your site url to have a look at 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, Lightbox Studio pluginIf 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
P-Lato Posted April 4, 2021 Author Share Posted April 4, 2021 7 hours ago, bangank36 said: It would help with your site url to have a look at patrickpilato.ca, password: 123 In the tools page as well as the solutions page. Thank you! Beyondspace 1 Link to comment
Beyondspace Posted April 5, 2021 Share Posted April 5, 2021 11 hours ago, P-Lato said: patrickpilato.ca, password: 123 In the tools page as well as the solutions page. Thank you! I saw you make the pig icon longer than the other, could you resize it to make sure it's col-2 instead of 4? 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, Lightbox Studio pluginIf 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
P-Lato Posted April 5, 2021 Author Share Posted April 5, 2021 2 hours ago, bangank36 said: I saw you make the pig icon longer than the other, could you resize it to make sure it's col-2 instead of 4? I think i made then the same size, can you help? Beyondspace 1 Link to comment
Beyondspace Posted April 5, 2021 Share Posted April 5, 2021 1 hour ago, P-Lato said: I think i made then the same size, can you help? Try this, also make the last image block into col-2 and add 2 spacer at the end and begin of the row with col-1 to make the row fit with all 12 columns, would you? section[data-section-id="60665fa5c883c56b5d5d2782"] { align-items: center !important; } section[data-section-id="60665fa5c883c56b5d5d2782"] .content-wrapper { padding-top: 3vw !important; padding-bottom: 3vw !important; } section[data-section-id="60665fa5c883c56b5d5d2782"] .image-block { margin: 0 auto; padding-bottom: 0; } tuanphan 1 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, Lightbox Studio pluginIf 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
P-Lato Posted April 5, 2021 Author Share Posted April 5, 2021 I think this worked thank you very much! I also changed the section ID and inserted it into the solutions page. Can you check it out and let me know if it worked properly? Thanks again. https://www.patrickpilato.ca Password:123 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment