How can I adjust text box positioning in Dawn theme?

[Ankita31]

Hi, is anyone able to help me please?

Looking to move my text box from ‘image with text’ to the left without the padding (happy for more padding between image and text if needed).

Entire left side of box to be moved in line with ‘home’ on navigation menu please.

I do not want my image going any bigger or moving.

Thanks so much,

Ankita

[suyash1]

@Ankita31 - can you please share your website link?

[Ankita31]

Hi Suyash

Oops, apologies!

www.smara.co.uk

Thank you!

[ExpertRookie]

@Ankita31

You store is under construction. I cannot review your issue

[Ankita31]

@ExpertRookie the website is not under construction - you will see the password padlock as per image/ if you expand your screen you will see a black padlock:

Thanks

[Ankita31]

@BSS-Commerce are you able to help with this query please? Thanks so much!

[BSS-Commerce]

Hi @Ankita31

Please give us a little time to check the issue and suggest a solution if possible.

[BSS-Commerce]

Hi @Ankita31

Can you kindly provide us with more detailed and clearer information about what you want (attached with screenshots, if possible)? Then we will check it for you.

[Ankita31]

@BSS-Commerce are you please able to help me with the above? Thank you so much, Ankita

[BSS-Commerce]

Hi @Ankita31

Please go to Edit Theme Code and find the .css file (it can be base.css, theme.css or global.css).

Then you add the following code to the bottom:

@media screen and (min-width: 749px) {
.image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__content {
   padding: 0 !important;
}
.image-with-text__heading.h2 {
   padding: 0 1.2rem !important;
}
.image-with-text__content .image-with-text__text+.button {
   margin: 3rem 1.2rem !important;
}
.image-with-text__text.rte.body {
 padding: 0 6rem !important;
}
}

The result is:

I hope that it works for you.

[Ankita31]

Hi @BSS-Commerce

Thanks once again - it worked! Amazing!