LarrySpindler Posted October 20, 2021 Posted October 20, 2021 Site URL: https://lukespindler.com/ Hi. I'm hoping someone could help me to reduce the size of my portfolio project tiles on my home page. There are two projects on my portfolio (Work) page and I would like both to be fully visible in desktop view without having to scroll. I'm happy with the ratio and want to keep both tiles close together. I'm happy with how it views in phone view. Sorry if there is a simple solution to this that I have missed. Thanks for your help!
tuanphan Posted October 21, 2021 Posted October 21, 2021 On 10/20/2021 at 10:44 AM, LarrySpindler said: Site URL: https://lukespindler.com/ Hi. I'm hoping someone could help me to reduce the size of my portfolio project tiles on my home page. There are two projects on my portfolio (Work) page and I would like both to be fully visible in desktop view without having to scroll. I'm happy with the ratio and want to keep both tiles close together. I'm happy with how it views in phone view. Sorry if there is a simple solution to this that I have missed. Thanks for your help! Hi, Reduce portfolio images size or reduce title size?? 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!)
LarrySpindler Posted October 24, 2021 Author Posted October 24, 2021 Hi. Thanks for coming back to me. I'm hoping to reduce the size on the image blocks for the projects. When you go to the 'Work' page of my site there are two projects (Kids Stuff and Surf & Skate). I want to be able to view the two project images without out having the scroll at all (image and title are all visible in full in a single screen shot). I don't want to change the proportions on the images. This change is only for desktop. It already works well on phone view. I don't need to make any changes to how the portfolios view once you actually go into the projects. Happy with how the galleries view once you go in. Just need to adjust the view when you first land on the 'work' page. Sorry if I'm not making sense. Thanks!!!!
Solution tuanphan Posted October 25, 2021 Solution Posted October 25, 2021 Add to Design > Custom CSS @media screen and (min-width:992px) { div#gridThumbs { padding-left: 15vw; padding-right: 15vw; } } 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!)
LarrySpindler Posted October 25, 2021 Author Posted October 25, 2021 Thats perfect. Thank you so much for your help. I really appreciate it.
user3294u10495 Posted August 1 Posted August 1 (edited) Hello! I'm having the same problem, I have two project tiles that I shrunk by changing the number of columns. I'd like them to be center in the desktop view and stay this size so you don't have to scroll to view the whole image. Site URL: https://julia-federing.squarespace.com/ Edited August 1 by user3294u10495
tuanphan Posted August 3 Posted August 3 On 8/1/2024 at 1:20 PM, user3294u10495 said: Hello! I'm having the same problem, I have two project tiles that I shrunk by changing the number of columns. I'd like them to be center in the desktop view and stay this size so you don't have to scroll to view the whole image. Site URL: https://julia-federing.squarespace.com/ You mean make 2 images side by side on mobile? 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