Dawn Theme: How to center the collection title and title list

[DeStyle11]

Hi, How to center the collection title and title list?

Store url: detsyleaustralia.com

[BSSCommerce-HDL · Accepted solution]

Hi @DeStyle11, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.title-wrapper-with-link {
    text-align: center !important;
    display: block !important;
}

h3.card__heading {
    text-align: center !important;
    text-align: -webkit-center !important;
}
</style>

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[BSSCommerce-HDL · Accepted solution]

Hi @DeStyle11, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.title-wrapper-with-link {
    text-align: center !important;
    display: block !important;
}

h3.card__heading {
    text-align: center !important;
    text-align: -webkit-center !important;
}
</style>

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Moeed · Accepted solution]

Hey @DeStyle11 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.title-wrapper-with-link {
    justify-content: center !important;
}
h3.card__heading {
    text-align: -webkit-center !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Rahul_dhiman]

Hello @DeStyle11 
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the end of the file and save.

.full-unstyled-link {
text-align: center !important;
}
.title-wrapper-with-link {
justify-content: space-around !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks