How can I adjust the image and text layout in the Dawn theme?

[emilyaugstudios]

Hi community!

I am running into a problem with the Dawn theme, currently my ‘image with text’ section is stacking on top of eachother in this layout below. I want to get it to look like the screenshot after that, where the image covers half of one side of the screen, with no padding and the text falls central in the other half.

Does anyone know how I can do this? Thanks in advance

Current section -

What we want to achieve -

[LuffyOnePiece]

Hi @emilyaugstudios ,

Can you please provide me preview url of the store?

Thank you

[PageFly-Noah]

This is Noah from PageFly - Shopify Page Builder App

I can help you. Please can you provide the website url. Thank you.

Best regards,

Noah | PageFly

[emilyaugstudios]

Store URL is - https://thirtyfourbeauty.com/

[emilyaugstudios]

Hi!

Store URL is - https://thirtyfourbeauty.com/

[PageFly-Noah]

Hi @emilyaugstudios you can select option image width text:

Thank you !

[emilyaugstudios]

Hey, sorry I forgot about sharing that part!

The current password is - mewlta

[PageFly-Noah]

And please add code here in file theme.liquid and above tag :

[LuffyOnePiece]

Hi @emilyaugstudios ,

It’s because you have added the below code in base.css in line 3555.

.grid--2-col-tablet .grid__item {
    width: 80% !important;
}

Thank you

[emilyaugstudios]

Ahh great thank you, I have removed that now and the image appears where it should again on the left of the text rather than stacked. Do you know how to make the image the full width of half the screen now?

Thanks

Emily

[emilyaugstudios]

Hi, thank you for your help!

Unfortunately the code isn’t working/doesn’t look like it’s doing anything to the content.

Do you have any other suggestions?

Thanks,

Emily

[PageFly-Noah]

Hi @emilyaugstudios please add again code here:

Thank you !

[emilyaugstudios]

Thank you for all your help Noah – I really appreciate it!

[PageFly-Noah]

Thank you ! Have a nice day !