Text alligment on image banner- Dawn

Solved
Christinahadi
Excursionist
34 0 5

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

Accepted Solution (1)

Accepted Solutions
HamishDavisonIC
Explorer
52 6 41

This is an accepted solution.

@Christinahadi 

If you want to left align only the text on your image banner, go to section-image-banner.css and change this:

Schermata 2021-09-20 alle 15.55.56.png

View solution in original post

Replies 22 (22)
dmwwebartisan
Shopify Partner
9770 2228 3065

@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 →
Natztech
Shopify Partner
2236 565 1373

hello @Christinahadi 

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

Christinahadi
Excursionist
34 0 5

Done

Natztech
Shopify Partner
2236 565 1373

hello @Christinahadi 

 

text alignment already center 

 

Christinahadi
Excursionist
34 0 5

Hello!

I would like it to be alligned to the left.

Is this possible?

Thanks!

Natztech
Shopify Partner
2236 565 1373

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%);
}

 

Christinahadi
Excursionist
34 0 5

Hello

Thx for your tip!

Unfortunately, it did not change things yet..

Am I missing something?

Thank you!

HamishDavisonIC
Explorer
52 6 41

@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!