CPPteam Posted July 17 Share Posted July 17 How can I center images in gallery section (v 7.1)? In the "Upcoming" section of my website, posters get added and removed frequently. I have the row set to 4 across because it fits the page best, but at times (like now) when there are only 2 images in the gallery I want the images to stay the same size but be centered on the page. I tried custom CSS but was only finding code for gallery blocks and not gallery sections. I tried adding a dummy blank PNG as a poster but it messed up the grid in the mobile view. Please advise, thanks! Sami32 1 Link to comment
tuanphan Posted July 19 Share Posted July 19 Hi, We can use some CSS to do this. If you share link to page in screenshot, we can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
CPPteam Posted July 31 Author Share Posted July 31 On 7/19/2024 at 3:42 AM, tuanphan said: Hi, We can use some CSS to do this. If you share link to page in screenshot, we can check easier https://www.creativepartnersproductions.com/ This issue specifically pertains to the "Upcoming" section. Thanks! Sami32 1 Link to comment
Solution tuanphan Posted August 1 Solution Share Posted August 1 11 hours ago, CPPteam said: https://www.creativepartnersproductions.com/ This issue specifically pertains to the "Upcoming" section. Thanks! Try this code to Website Tools > Custom CSS @media screen and (min-width:992px) { section[data-section-id="66156e25de8f13445767a6b9"] figure:nth-child(n+1) { position: relative; left: calc(~"50% + 1vw"); } } Sami32 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
CPPteam Posted August 1 Author Share Posted August 1 Thank you so much, that worked!!! 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