Text alligment on image banner- Dawn

Solved

You currently have the debut theme online, not the dawn theme. If you'd like to have the dawn theme customized instead, please put it live so we can check the code.

To align the banner text to the left on the debut theme:@Christinahadi, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:

.hero__inner *{
    text-align: left;
}

.hero .mega-subtitle{
    margin-left: 0 !important;
}

 

diego_ezfy_0-1632006983831.png

Kind regards,
Diego

◦ Slideshow section not looking good or cutting off? Try the Slideshow (PRO) section. No apps required.
◦ Replace apps with copy/paste code snippets. Examples here.
◦ In need of coding help? I'm available for hire! ezfycode@gmail.com
0 Likes
Christinahadi
Tourist
26 0 1

Hi Diego,

Ah thanks so much for an aha-moment!

I've put the DAWN theme live, so you should be able to see it now.

If you could be so kind to give me the code to align the text to the left, i'm sure it'll work perfectly.

Thanks!

Christina

0 Likes
HamishDavisonIC
Excursionist
47 5 23

@Christinahadi 

go to base.css

text-align: left;

If you look at my original post there's a video on where to write it exactly

Once finished if it works please accept the answer with my video on it as an accepted solution in order to allow more people to find it

Hamish

Income stream surfer on Youtube

0 Likes
Christinahadi
Tourist
26 0 1

Hi,

This did not solve my problem unfortunately.

Is there anyone that can help me aligning the text on the top image banner on the homepage TO THE LEFT (DAWN theme)?

Thanks!

0 Likes
HamishDavisonIC
Excursionist
47 5 23

HamishDavisonIC_0-1632058560690.png

 

Do you mean this image? If not please take a screenshot of which you mean

0 Likes
Christinahadi
Tourist
26 0 1

Yes, it's about that image indeed!

Thanks!

Greetings

Christina

0 Likes

@Christinahadi,

You're welcome.

Kindly make sure to click on the button "Accept as Solution" below whichever answer solved your problem.

This way people with similar issues can also benefit from this in the future.

Kind regards,
Diego

◦ Slideshow section not looking good or cutting off? Try the Slideshow (PRO) section. No apps required.
◦ Replace apps with copy/paste code snippets. Examples here.
◦ In need of coding help? I'm available for hire! ezfycode@gmail.com
0 Likes
Christinahadi
Tourist
26 0 1

If i'm not mistaken, this issue has not been resolved yet?

The text is not aligned to the left, and i have tried to paste the codes as proposed, but nothing changed.

Can someone still help me out please?

Thanks

0 Likes
HamishDavisonIC
Excursionist
47 5 23

@Christinahadi 

sorry I was busy yesterday

Schermata 2021-09-20 alle 15.01.36.png

Change where it says text-align and write left in place of center

Please make the post with my video on it the accepted solution

Hamish

0 Likes
Christinahadi
Tourist
26 0 1

Thanks, it aligned the text indeed to the left.

But how can i align the text like this example? I have to also change the width and the position?

Christinahadi_0-1632145530987.png

Thank you

0 Likes