Text alligment on image banner- Dawn

Solved
Christinahadi
Tourist
26 0 1

Dear,

I want to change the text allignment on the head image banner on my homepage.

Can you help me with that?

Thank you

Kind regards, Christina

dmwwebartisan
Shopify Partner
9109 2111 2880

@Christinahadi 

Please share your store URL.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Natztech
Shopify Partner
2095 537 1290

hello @Christinahadi 

your store is password protected can you please share your shop preview URL

0 Likes
Christinahadi
Tourist
26 0 1

Done

0 Likes
Natztech
Shopify Partner
2095 537 1290

hello @Christinahadi 

 

text alignment already center 

 

0 Likes
Christinahadi
Tourist
26 0 1

Hello!

I would like it to be alligned to the left.

Is this possible?

Thanks!

0 Likes
Natztech
Shopify Partner
2095 537 1290

hello @Christinahadi 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

#shopify-section-hero-1 .page-width.text-center{
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translate(0%, -50%);
}

 

0 Likes
Christinahadi
Tourist
26 0 1

Hello

Thx for your tip!

Unfortunately, it did not change things yet..

Am I missing something?

Thank you!

0 Likes
HamishDavisonIC
Excursionist
47 5 22

@Christinahadi 

 

try this

 

How to centre your headings on Dawn theme — Shopify 2.0 tutorials

All you need to do to center your headings on Dawn (and any theme that is Shopify 2.0) is:

 

Identify the problem

HamishDavisonIC_0-1632006231176.png

 

OK now go to your Shopify back end and edit your theme code:

HamishDavisonIC_1-1632006231160.png

 

HamishDavisonIC_2-1632006230904.png

 

HamishDavisonIC_3-1632006231174.png

 

Press control f and search for h1 then add

text-align: center;

And we’re done

Thanks!

0 Likes