Centering the 'Featured Collection' title to the center

[dangerouslove]

Hello could someone help me align the 'featured collection' heading to the center as in dawn theme 6.0 it comes already aligned to the left and theres no option or tutorial to change it to the center.

[maximilllllian]

In your featured-collection.liquid file, search for the h2 tag:

<h2 class="title {{ section.settings.heading_size }}">{{ section.settings.title | escape }}</h2>

and inside of the h2 tag add the code  

style="text-align: center;"

[dangerouslove]

which part inside of the h2 tag should i add the code?

[tljafar]

Go to themes menu -> action -> edit code

Choose sections folder -> edit featured-collection.liquid file and add style attribute in the h2 tag

<h2 class="title{% if section.settings.title == blank %} title--no-heading{% endif %}" style="text-align: center;">{{ section.settings.title | escape }}</h2>

[dangerouslove]

i copied and pasted it and its still not working 

[tljafar]

What is your site URL?

[zosh]

did you ever fix it?

[tljafar · Accepted solution]

Try  justify-content: center

 

[hills1]

hi, can't see the above lines such as H2 in my version

[hhn21]

Go to themes menu > action > edit code > featured-collection.liquid file and add "center" to position as shown in image below:

    <div class="collection__title title-wrapper title-wrapper--no-top-margin page-width center{% if show_mobile_slider %} title-wrapper--self-padded-tablet-down{% endif %}{% if show_desktop_slider %} collection__title--desktop-slider{% endif %}">

[Adelm]

This one is simple and worked for me. 

Thanks G

[adamsmith018]

Hello. This code worked for me but only for the "Latest Arrivals" which is a featured collection. The "Brands" is a collection list & it didn't work. Is there a way to fix this?

[visualess]

worked for me!