Max width Wells template

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

Add to Home > Design > Custom CSS

.collection-type-gallery.view-list div#canvasWrapper {
    max-width: 1200px !important;
}

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. 

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?

9 hours ago, tuanphan said:

Can you keep above code & I will check again?

Hi,

your CCS code is still on my website. 

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;
}

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 ?


 

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

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?

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