Vladd Posted April 11, 2020 Share Posted April 11, 2020 Site URL: https://vladimirdmdj.com Hello, I'm using the Wells template. How can I set a max width for my gallery page? I have an option in the design template for normal pages, but not for my main gallery page. My problem is, when my site is view on 4K screen, my images are enlarged and look bad. Online, I uploaded my images with a resolution of 1 500 pixels on the largest side because I don't want to put them online with a largest resolution. The best option will be to limit my images to grow when the reach there max resolution, but I will be fine if I found a solution to limit the width of my entire website. Thanks, Vladimir Link to comment
tuanphan Posted April 12, 2020 Share Posted April 12, 2020 Add to Home > Design > Custom CSS .collection-type-gallery.view-list div#canvasWrapper { max-width: 1200px !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
Vladd Posted April 17, 2020 Author Share Posted April 17, 2020 (edited) On 4/12/2020 at 10:55 AM, tuanphan said: Add to Home > Design > Custom CSS .collection-type-gallery.view-list div#canvasWrapper { max-width: 1200px !important; } Hello @tuanphan, Thanks, I added this CCS custom code, but on 4k monitors, my images are still enlarged as you can see on this screenshot. Edited April 17, 2020 by Vladd Link to comment
tuanphan Posted April 17, 2020 Share Posted April 17, 2020 7 hours ago, Vladd said: Hello @tuanphan, Thanks, I added this CCS custom code, but on 4k monitors, my images are still enlarged as you can see on this screenshot. Can you keep above code & I will check again? 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
Vladd Posted April 18, 2020 Author Share Posted April 18, 2020 9 hours ago, tuanphan said: Can you keep above code & I will check again? Hi, your CCS code is still on my website. Link to comment
tuanphan Posted April 18, 2020 Share Posted April 18, 2020 5 hours ago, Vladd said: Hi, your CCS code is still on my website. Use this code .collection-type-gallery #galleryWrapper { max-width: 1200px; left: 0; } 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
Vladd Posted April 18, 2020 Author Share Posted April 18, 2020 57 minutes ago, tuanphan said: Use this code .collection-type-gallery #galleryWrapper { max-width: 1200px; left: 0; } Hello, Thanks, this is working. There is a reason that you put 1200px and not 1920px ? Link to comment
tuanphan Posted April 18, 2020 Share Posted April 18, 2020 3 minutes ago, Vladd said: Hello, Thanks, this is working. There is a reason that you put 1200px and not 1920px ? Just a random number 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
Molson Posted January 9, 2022 Share Posted January 9, 2022 This is very helpful for me as well. Is it possible to make the entire site remain centered? or at least just the gallery after its size has been limited? Link to comment
tuanphan Posted January 10, 2022 Share Posted January 10, 2022 10 hours ago, Molson said: This is very helpful for me as well. Is it possible to make the entire site remain centered? or at least just the gallery after its size has been limited? Can you share your site url? We can check code in your case easier 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