How to increase maximum gallery width - Avenue 7.0

Hi!

I have an index page with mix of gallery and pages with gallery blocks on my website. How can increase the maximum width of the images displayed in these pages?  I don't want to increase the width of the entire site, just on every gallery in this index.

I'm using Avenue and 7.0.

Thanks in advance!

Can you share your website URL and this page?

Hi @Ziggy. The page I'm referring to is www.nevesman.com/work

Thanks

@nevesman You can use this code to Website > Website Tools (under Not Linked) > Custom CSS

/* Description width */
.project-meta {
    max-width: 1200px !important;
}

On 1/28/2024 at 9:14 AM, tuanphan said:

@nevesman You can use this code to Website > Website Tools (under Not Linked) > Custom CSS

/* Description width */
.project-meta {
    max-width: 1200px !important;
}

 

Thanks for your help! Unfortunately that doesn't seem to do anything after I insert it?

On 1/31/2024 at 6:32 PM, nevesman said:

Thanks for your help! Unfortunately that doesn't seem to do anything after I insert it?

I checked wrong page, use this new code

body.index-page-open div#canvas {
    max-width: 1500px !important;
}

On 2/4/2024 at 8:51 AM, tuanphan said:

I checked wrong page, use this new code

body.index-page-open div#canvas {
    max-width: 1500px !important;
}

 

Thanks for your help. That seems to work but it also increases the size of the index thumbnails. I want only the images on the projects to be wider. Is that possible to do? Thanks!

Try this new code

body.index-page-open:not(.homepage) div#canvas {
    max-width: 1500px !important;
}