Solved

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

emilyaugstudios
Tourist
14 0 1

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 -

Screenshot 2024-04-14 at 15.35.24.png

 

What we want to achieve -

Screenshot 2024-04-14 at 15.37.09.png

Accepted Solution (1)
PageFly-Noah
Astronaut
1079 197 215

This is an accepted solution.

Hi @emilyaugstudios  please add again code here:

 

<style>
  .page-width{
   max-width: 100% !important;
  padding: 0px !important;
}
</style>

 

Screen Shot 2024-04-14 at 22.07.25.png

Thank you !

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 13 (13)

LuffyOnePiece
Shopify Partner
503 75 88

Hi @emilyaugstudios ,

 

Can you please provide me preview url of the store?

 

Thank you

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
emilyaugstudios
Tourist
14 0 1

Hi!

 

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

LuffyOnePiece
Shopify Partner
503 75 88

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

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
emilyaugstudios
Tourist
14 0 1

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

PageFly-Noah
Astronaut
1079 197 215

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

emilyaugstudios
Tourist
14 0 1
PageFly-Noah
Astronaut
1079 197 215

Hi @emilyaugstudios  you can select option image width text:

PageFlyNoah_0-1713106070637.png

Thank you !

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

PageFly-Noah
Astronaut
1079 197 215

And please add code here in file theme.liquid and above tag </head>:

<style>
.multirow .multirow__inner{
    max-width: 100% !important;
    padding: 0px !important;
}
</style>

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

emilyaugstudios
Tourist
14 0 1

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
Astronaut
1079 197 215

This is an accepted solution.

Hi @emilyaugstudios  please add again code here:

 

<style>
  .page-width{
   max-width: 100% !important;
  padding: 0px !important;
}
</style>

 

Screen Shot 2024-04-14 at 22.07.25.png

Thank you !

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

emilyaugstudios
Tourist
14 0 1

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

PageFly-Noah
Astronaut
1079 197 215

Thank you ! Have a nice day 😉 !

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

emilyaugstudios
Tourist
14 0 1

Hey, sorry I forgot about sharing that part!

 

The current password is - mewlta