Dawn Theme - How to align text and button to the left side of the banner?

Store Design
1

Hello,

Hope you are all doing great on this New Year’s Eve!

I am currently struggling with optimizing my website’s banner. What’s required is the following:

  • Move and align the text to the left side of the banner (Desktop and Tablets)
  • Move and align the button to the left side of the banner (Desktop and Tablets)
  • Break down the text as on the screenshot example (Desktop and Tablets)
  • Change the colour of button

Website URL: https://warmitup.shop/
No password needed.

Example of how it should look like:

01a_c3-Watermarkon.jpg
01a_c3-Watermarkon.jpg2160×1440 210 KB

Best regards and Happy New Year!

2

@Starmable

This issue needs some coding skill So it batters you give access to your store to do the above task

Thanks

3

@NileshTejani
Alright, I can give access to the coder. Where can I find that person?

4

yes sure message me on private or send access on designfordestiny@gmail.com

5

@Starmable

yes, please try this code not more code

  1. Go to Online Store->Theme->Edit code
  2. Asset->//section-image-banner.css ->paste below code at the bottom of the file.
@media screen and (min-width: 750px) {
.banner__content--center {
    align-items: flex-end;
    justify-content: left;
}
.banner__box>.banner__buttons {justify-content: left;}
}

see result: https://pasteboard.co/iMjVRGIZNYav.png

6

@KetanKumar
Hello,

It worked to move the text and button to the left but put it in the bottom left corner.

7

@Starmable

thanks for update

can you please remove first code and add this code

@media screen and (min-width: 750px) { .banner__content--center { align-items: flex-end; justify-content: left; } .banner__box>.banner__buttons {justify-content: center;} }
8

@KetanKumar
Thanks for reply. I found that this works better actually:

@media screen and (min-width: 750px) {
.banner__content--center {
    align-items: center;
    justify-content: left;
}
.banner__box>.banner__buttons {justify-content: left;}
}

However, I am still unable to breakdown the text and change colour of the button. Any idea?

9

@Starmable

now much better

10

Hello,

i have tried this code but it didnt work.

can you please assist with it, i also want the text to be aligned to the left.

website is >> www.ukpethouse.com

passcode>> seela1134

thanks a lot!

11

Hi, still the same, text and footer still in the same position.

I have gone to the bottom of the base.css and pasted code, nothing seems to be changing !

Haven’t a clue what I’m doing wrong.