How to make an image card full bleed to one side

Site URL: https://ladybug-chicken-wtws.squarespace.com/

I am wanting image cards to be full bleed either left or right with a medium content width for the text to fit in the middle of the screen. I have managed to achieve with a plugin with the left image however I'm struggling with the right image.

Any guidance? 

Hi. Your site is private. Can you setup password & share url again?

@tuanphan Hi sorry about that!

Url: https://ladybug-chicken-wtws.squarespace.com/
Password: Tryysh123

And it's the all services page

On 5/30/2021 at 7:16 AM, Letetia said:

@tuanphan Hi sorry about that!

Url: https://ladybug-chicken-wtws.squarespace.com/
Password: Tryysh123

And it's the all services page

Hi. Which page? I don't see on homepage

On 6/2/2021 at 12:09 AM, tuanphan said:

Hi. Which page? I don't see on homepage

This is in reference to the services 'All' page

@tuanphan did you manage to find a solution for this? I'm still stumped

On 7/7/2021 at 1:04 PM, Letetia said:

@tuanphan did you manage to find a solution for this? I'm still stumped

Sorry for delay. Didn't see your notification

Tryysh123

incorrect password. Can you check it again?

On 7/10/2021 at 10:30 AM, tuanphan said:

Sorry for delay. Didn't see your notification

Tryysh123

incorrect password. Can you check it again?

No worries @tuanphan

And apologies, I had changed the password to Tryysh098

On 7/12/2021 at 5:10 AM, Letetia said:

 

No worries @tuanphan

And apologies, I had changed the password to Tryysh098

I see the image touch left/right side of screen. It looks like you solved?

On 7/14/2021 at 1:18 AM, tuanphan said:

I see the image touch left/right side of screen. It looks like you solved?

@tuanphan I managed to make the image on the left side full bleed to the left however when I try to do the same thing for the right, it doesn't work.

On 7/16/2021 at 11:53 AM, Letetia said:

@tuanphan I managed to make the image on the left side full bleed to the left however when I try to do the same thing for the right, it doesn't work.

 

 

Try adding this to Design > Custom CSS

/* About web design */
[data-section-id="60aee04bcaa5165b4b6112a3"] .content {
    width: 100% !important;
}

11 hours ago, tuanphan said:

/* About web design */
[data-section-id="60aee04bcaa5165b4b6112a3"] .content {
    width: 100% !important;
}

@tuanphan it worked! now I just need the image to be full blend to the right like how I have the images on the left. Do I used block id?

On 7/18/2021 at 4:39 PM, Letetia said:

@tuanphan it worked! now I just need the image to be full blend to the right like how I have the images on the left. Do I used block id?

Don't remove above code. Add new code

[data-section-id="60aee04bcaa5165b4b6112a3"] .intrinsic {
    padding-right: 0 !important;
}

On 7/20/2021 at 2:52 PM, tuanphan said:

[data-section-id="60aee04bcaa5165b4b6112a3"] .intrinsic {
    padding-right: 0 !important;
}

@tuanphan AMAZING! Thankyouthankyou!!