Flatiron - Is full-width image block possible?

Site URL: https://www.jaimiholker.com

Hi Folks,

I've created a website using Flatiron.

The homepage has an image block which I would like to use the full-width of the site.

Is there a way to make this image block full-width?

Thanks!

Add to Home > Design > Custom CSS

.homepage section#container {
    max-width: 100%;
}

Hi guys! I have these rows of images (3 images per row) made into one jpeg. I'm looking for a way that they will stay the full width of the screen when expanded in a larger display. Right now it puts the images into two columns and looks hectic. I have 2 other codes in my Home->design->CSS -- one removing "share" button and one removing the hover "view".

Know what I'm doing wrong? Would love to add this ability to my site:) ! site is:  www.haleysaunders.com

Appreciate any help!

On 3/3/2023 at 3:25 PM, h_bales said:

Hi guys! I have these rows of images (3 images per row) made into one jpeg. I'm looking for a way that they will stay the full width of the screen when expanded in a larger display. Right now it puts the images into two columns and looks hectic. I have 2 other codes in my Home->design->CSS -- one removing "share" button and one removing the hover "view".

Know what I'm doing wrong? Would love to add this ability to my site:) ! site is:  www.haleysaunders.com

Appreciate any help!

I see you solved with this code?

@media screen and (min-width: 1200px) {
    div#grid {
        height:auto !important
    }

    #grid .item {
        position: relative !important;
        transform: unset !important;
        top: unset !important;
        left: unset !important;
        width: 100% !important;
        height: auto !important
    }
}