brandongasaway Posted April 8, 2023 Posted April 8, 2023 (edited) NEW TO THE FORUM......I want to use the flatiron template ( in preview mode now ) but what I want I cannot figure out. the main screen- viewing desktop is full screen with gallery pages filling up page...what I want is to have those galleries look the same as the main page when you click them - instead the only fill up 25% of screen and 1 image per scroll...is there a way to do this for that template? @tuanphan Edited April 8, 2023 by brandongasaway typo
tuanphan Posted April 10, 2023 Posted April 10, 2023 You mean Instead of stacking like this https://flatiron-demo.squarespace.com/#/i-flatiron/ it will show in grid like this https://flatiron-demo.squarespace.com/ ? 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!)
brandongasaway Posted April 10, 2023 Author Posted April 10, 2023 Yes I want it to show like the second link grid option!! The issue is on a desktop screen. so if I could just copy the layout of the main page… like the second link you sent.
tuanphan Posted April 12, 2023 Posted April 12, 2023 Try adding this to Design > Custom CSS @media screen and (min-width:901px) { #project .gallery { column-count: 3; } } 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!)
brandongasaway Posted April 14, 2023 Author Posted April 14, 2023 On 4/12/2023 at 5:14 AM, tuanphan said: mn-count: 3; } okay thank you last question....can I take away title for each project link? and use full bleed for desktop?
tuanphan Posted April 16, 2023 Posted April 16, 2023 On 4/14/2023 at 12:05 PM, brandongasaway said: okay thank you last question....can I take away title for each project link? and use full bleed for desktop? Use new code @media screen and (min-width:901px) { #project .gallery { column-count: 3; max-width: 100% !important; margin-left: 40px; } #project .project-item>.meta { display: none; } } 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment