maaadsky Posted March 3, 2022 Share Posted March 3, 2022 Site URL: https://www.derujinsky.com/ Hello! I want to increase the width between the thumbnails on my gallery pages to allow for my images to have a little more room to breathe. How should I go about doing this? Right now I do not have any custom CSS. Link to comment
tuanphan Posted March 6, 2022 Share Posted March 6, 2022 On 3/3/2022 at 10:28 AM, maaadsky said: Site URL: https://www.derujinsky.com/ Hello! I want to increase the width between the thumbnails on my gallery pages to allow for my images to have a little more room to breathe. How should I go about doing this? Right now I do not have any custom CSS. Add to Design > Custom CSS @media screen and (min-width:901px) { .collection-type-gallery.enable-gallery-thumbnails.thumbnail-view #thumbnails { height: auto !important; display: grid !important; grid-template-columns: repeat(3,1fr) !important; grid-row-gap: 50px; grid-column-gap: 50px; } .collection-type-gallery #thumbnails .thumb { position: relative !important; top: unset !important; left: unset !important; width: 100% !important; height: auto !important; } .collection-type-gallery #thumbnails .thumb img { width: 100% !important; height: auto !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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