How can i Center the collection List heading using a custom CSS code?

[MyMawduh]

[GemPages · Accepted solution]

Hello @MyMawduh ,

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before </body>

{%  if template contains 'index' %}
<style>
.collection-list-wrapper .title-wrapper-with-link, 
  .blog  .title-wrapper-with-link {
    justify-content: center;
}
</style>
{%  endif %}

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team

[GemPages · Accepted solution]

Hello @MyMawduh ,

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before </body>

{%  if template contains 'index' %}
<style>
.collection-list-wrapper .title-wrapper-with-link, 
  .blog  .title-wrapper-with-link {
    justify-content: center;
}
</style>
{%  endif %}

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team

[MyMawduh]

Yes, that did it for me.

Thank you 

[GemPages · Accepted solution]

It's my pleasure to help. 😁