How can I center headings in Dawn theme?

Store Design
,
1

I’m hoping someone can help me, I need to centre the headings in both the multi-column and featured collection sections in the DAWN theme. Does someone have the code to be able to do this?

Is the code section for Dawn now the base.css?

Thanks

2

Hello @tahliamotteram

You can follow these steps:

  1. Go to Online Store->Theme->Edit code

GemPages_0-1673924039269.png
GemPages_0-1673924039269.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1673924070871.png
GemPages_1-1673924070871.png1181×868 64.7 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

3

Hi @tahliamotteram

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file base.css

h1.collection-hero__title {

          text-align: center !important;

}

      h2.collage-wrapper-title {

          text-align: center !important;

}

Hope this answer helps.

Best regards,

Victor | PageFly

4

So sorry it doesn’t seem to be working :disappointed_face:

https://7b4gpjwsci2nzsox-7787118645.shopifypreview.com

5

Thanks so much but this doesn’t seem to be working either :disappointed_face: Not sure what I am doing wrong!

https://7b4gpjwsci2nzsox-7787118645.shopifypreview.com

6

Please add below css code in bottom of assets/base.css file

.title-wrapper-with-link {
text-align: center;
display: block;
}
.collection__title h2.title {
text-align: center;
}

Thank you.

1 Like
7

Thank you so much this worked!

1 Like
8

not working for me

9

user error, i got it, thanks