Shrine Pro Theme - align Heading of collection list on the left

Hello Guys,

i would like to align the Heading on the collection list on my Homepage (Shrine Pro Theme) to the left.

Unfortunately there is no option to change it directly in the theme editor.

Can someone help me with this? Is it possible to do with Code?

1 Like

Hello,
Please share “Store URL”
Thanks!

Hey @GOMAK

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

Hi @GOMAK , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks


1 Like

If it’s a draft theme then you can share the preview URL of the draft theme

Hello, @GOMAK

  1. Go to Online Store
  2. Edit Code
  3. Find theme.css/base.css file
  4. Add the following code in the bottom
.collection__title.title-wrapper {
    text-align: left !important;
    margin: 0;
    padding: 0;
}

Try this one code hope you will get your solution.
Remember if you find my advice helpful please remember to LIKE and accept as SOLUTION
Thanks!

Hey @GOMAK

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 tag


RESULT:

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

Best Regards,
Moeed

Hi @GOMAK

I hope you are well. You can follow our instructions below:
Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there

Here is the code for Step 3:

.collection__title.title-wrapper > .title {
    text-align: center !important;
}

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

this is the Live Theme there, as said the Preview Link seems to not be sharable…

Hi @GOMAK

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.collection__title.title-wrapper {
    padding-left: 13px !important;
   
}

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!

Hi @GOMAK

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.collection__title.title-wrapper {
    padding-left: 13px !important;
}

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!

did none of the people that answered read my question right? I am NOT using Dawn Theme. And i am not talking about featured collection, i am talking about collection list!