Center the title of the section "featured-collection" in the Dawn Theme

[Litsch]

In the Dawn Theme there is this section called “featured collection” but the title is centered on the left.

I already looked inside the featured-collection.liquid. and tried to center it.

Here is some of the Code I thought was relevant (section.settings.title is where you input the text):

{%- unless section.settings.title == blank -%}

{{ section.settings.title | escape }}

I tried to center it with some variants of

.title {
text-align: center;
}

and also with including code inside the

tag:

{{ section.settings.title | escape }}

But nothing worked.

Can someone help me?

[AvadaCommerce]

Hi @Litsch ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

[Zworthkey]

@Litsch
Welcome to the Shopify community!
Thanks for your good question.

Please share your store URL.
So that I will check and let you know the exact solution here.

[Litsch]

Hello @AvadaCommerce ,

ah yes, I should have included that

www.ventureap.de

password: heaffu

thank you for trying to help!!

[Litsch]

Hello @Zworthkey ,

thank you for the warm welcome and for helping!

www.ventureap.de

pw: heaffu

[AvadaCommerce]

Hi @Litsch ,

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css->paste below code at the bottom of the file:

.title-wrapper--no-top-margin {
     justify-content: center !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

[Litsch]

@AvadaCommerce and once again you fixed my problem, thank you so much.

I really appreciate your help!!

[JieZou]

Hi,I have the same problem with my store, I have copied the code to the bottom of the base.css file but nothing works.

website：www.bobolash.com

password：Bo22

[zosh]

same.

[MAFER22]

Hi, I tried this but didtnt work, this is my store www.miuk.cl

[ABHISHEK93]

Try this:

.title-wrapper–no-top-margin > .title {
text-align: center !important ;
}

[ABHISHEK93]

Try this code:

.title-wrapper–no-top-margin > .title {
text-align: center !important ;
}

[kingmerina]

Thanks ! This one worked for me