Full Width on a 'Image to Text' block with dawn theme

Hey fam,

So I’ve run into a bit of a debacle making my ‘text to image’ block full width (half image/half text).

At the moment it has added spacing on the left, with the following CSS but how do I remove that added space on the left side?

.image-with-text {
padding: 0;
width: full;
}

All the love,

can you provide link to your store?

Hey @tmtudisco

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

Of course, thank you!

https://615e56-2.myshopify.com/pages/services/test-package

The passwords a whole other matter though because that’s somewhere in the depths of the inbox

Hey @tmtudisco

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

Hi @tmtudisco ,

Please add below code on theme.liquid file to make the section full width. This will only target the mentioned setion.


Steps to add CSS:

Step 1: Go to Online Store > Themes > Active theme > Edit

Step 2: Search for “theme.liquid”

makkaomakka_1-1697096577462.png

Step 3: Add the CSS above “”

makkaomakka_2-1697096577597.png

If you require further help to add the code to your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,

Thank you that was PERFECT!

Sweet thank you for this!

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.