Padding / Margin Problem

Hi Folks. 

Having an issue with padding and margins. My image blocks on the left side of screen this code seems to work to solve for it. But images on the right i cannot for the life of me get to respond. Have attached some images to explain. 

Left side: Bleeds straight to edge.

Right side- can't get rid of padding and get a flush edge. I have tried MULTIPLE ways and different kinds of code. Nothing seems to move this darn block over - have been able to get it but it adds an overflow and the overflow-x hidden code doesn't seem to get rid of it. Some hep would be MARVELOUS

I managed to sort it with: 

Bleed to left code: 

#block-yui_3_17_2_1_1693818487095_19095 {
margin-left: -200px;
}

Bleed to right Code: 

#block-yui_3_17_2_1_1694936871424_23898 {
margin-left: 200px;
}

Overflow removal

html, body {
    overflow-x: hidden;
}

HOWEVER - i'm wondering if there's a better more reliable way to achieve this? 

Hi Daniel,  I was wondering how to solve this too... I'd really like our homepage to have two columns of image blocks that go edge to edge without so much white space on either side... when I added your code it seemed to work really well on desktop but the images don't show up at all on mobile view - have you found anyone that can help with this?  Mandy, Jangchub Ling KBC

On 9/19/2023 at 4:19 PM, Khechog said:

Hi Daniel,  I was wondering how to solve this too... I'd really like our homepage to have two columns of image blocks that go edge to edge without so much white space on either side... when I added your code it seemed to work really well on desktop but the images don't show up at all on mobile view - have you found anyone that can help with this?  Mandy, Jangchub Ling KBC

If you share link to your site or page where you have problem, we can help easier

Hi Tuanphan,

And thanks... here is our new homepage - it's a work in progress www.meditateinthewestmidlands.co.uk/home-1

I'd like it to be more like this with the blocks edge to edge... https://meditateinsydney.org/

We're also considering what it would be like if all the pages throughout the website were like this so there are very narrow white margins on the left and right.

Thank you

Mandy

On 9/22/2023 at 1:57 AM, Khechog said:

Hi Tuanphan,

And thanks... here is our new homepage - it's a work in progress www.meditateinthewestmidlands.co.uk/home-1

I'd like it to be more like this with the blocks edge to edge... https://meditateinsydney.org/

We're also considering what it would be like if all the pages throughout the website were like this so there are very narrow white margins on the left and right.

Thank you

Mandy

You want to reduce these white margin?

Yes, so there can be two columns of wider image blocks that go edge to edge on the page

Like on this page  https://meditateinsydney.org/

Are you using Fluid Engine in these sections? (the editor that shows a grid behind the content when you move things around). If so you can click and drag blocks all the way to the left and right edge to achieve this look without code.

Thanks Cass... yes!  I didn't realise the images could lie outside the the grid...  

Now I'm having difficulty with lining up text under the images at the bottom of the new home page. The text boxes keep jumping to the edge of the page when I try to move them from the edge of the grid & I'd like them to sit centred under the image box.   Is it possible to set the grid in Fluid Engine to go edge to edge?  Mandy

https://www.meditateinthewestmidlands.co.uk/home-1