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

Solved

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

MyMawduh
Excursionist
31 5 7

sdfsf.png

MyMawduh
Accepted Solutions (2)

GemPages
Shopify Partner
5625 1261 1243

This is an accepted solution.

Hello @MyMawduh ,

 

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

GemPages_0-1679972580350.png

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

GemPages_1-1679972607931.png

{%  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 - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

GemPages
Shopify Partner
5625 1261 1243

This is an accepted solution.

It's my pleasure to help. 😁

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 3 (3)

GemPages
Shopify Partner
5625 1261 1243

This is an accepted solution.

Hello @MyMawduh ,

 

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

GemPages_0-1679972580350.png

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

GemPages_1-1679972607931.png

{%  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 - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
MyMawduh
Excursionist
31 5 7

Yes, that did it for me.

Thank you 

MyMawduh
GemPages
Shopify Partner
5625 1261 1243

This is an accepted solution.

It's my pleasure to help. 😁

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center