How can I center the banner text in Dawn theme?

How can I center the banner text in Dawn theme?

monomgroup
Explorer
99 0 35

Hi!

 

Can anyone help on moving banner text to the center?

 

I used this coed to move title to center:

 

h1.collection-hero__title {
text-align: center !important;
}

 

 

 

Screenshot 2023-06-20 at 18.39.24.png

 

 

 

 

 

 

 

 

 

store url: www.mism.store

 

Thanks in advance!

 

Best,

team-mism

 

Replies 3 (3)

Made4uo-Ribe
Shopify Partner
6961 1651 2036

Hi @monomgroup ,

Try this. 

  1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
  3. In the "Assets" folder, click on "base.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.

 

.collection-hero__description.rte {
    text-align: center;
    margin-left: 17%;
}

 

Result:

Ribe_Dagandara_0-1687282599226.png

I hope it help.

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

Sarnic
Visitor
1 0 0

Hello, could you help me with centering the title over a centered banner in dawn theme?

Made4uo-Ribe
Shopify Partner
6961 1651 2036

Hi @Sarnic 

Yeah, sure would you mind to share your store URL? And it is for mobile screen or dektop? Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.