Bookworm Posted November 24, 2022 Share Posted November 24, 2022 Hi There, I have made a gallery block, but as I have an off number of logos in it, I can't choose an option to have them stacked easily. By default, the gallery looks like this: My question is, how do I get the second row to sit like this below (centred underneath the top row): I am a bit stumped. A lot of my client's clients will be viewing the website in the workplace on desktop. So I am wanting to achieve this for desktop, the default would be fine for tablet and mobile. Best regards, Bookie Link to comment
Solution sayreambrosio Posted November 26, 2022 Solution Share Posted November 26, 2022 On 11/24/2022 at 12:36 PM, Bookworm said: Hi There, I have made a gallery block, but as I have an off number of logos in it, I can't choose an option to have them stacked easily. By default, the gallery looks like this: My question is, how do I get the second row to sit like this below (centred underneath the top row): I am a bit stumped. A lot of my client's clients will be viewing the website in the workplace on desktop. So I am wanting to achieve this for desktop, the default would be fine for tablet and mobile. Best regards, Bookie Add this to the CSS section of the site. // Center Last Images - Grid Gallery Block // .sqs-gallery-block-grid .sqs-gallery-design-grid { flex-wrap: wrap !important; display: flex !important; justify-content: center !important; } tuanphan 1 Sayre Design Site: https://www.stregaconsulting.com Author Coordinates: https://bio.site/sayreambrosio Italian Journey: https://bio.site/ambrosiosjrnyhm Link to comment
Bookworm Posted November 28, 2022 Author Share Posted November 28, 2022 @sayreambrosio, That worked a treat, thanks! 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