P-Lato Posted April 4, 2021 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 Posted April 4, 2021 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 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - PDF Lightbox popup - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> No-code customisations for Squarespace
P-Lato Posted April 4, 2021 Author 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 Posted April 5, 2021 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? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - PDF Lightbox popup - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> No-code customisations for Squarespace
P-Lato Posted April 5, 2021 Author 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 Posted April 5, 2021 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; } BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - PDF Lightbox popup - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> No-code customisations for Squarespace
P-Lato Posted April 5, 2021 Author 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.