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

Store Design
, , , ,
1

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
2

Hello,
Please share “Store URL”
Thanks!

3

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

4

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

5
1 Like
6

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

7

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!

8

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:

Moeed_0-1734941667336.png
Moeed_0-1734941667336.png1886×909 321 KB

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

Best Regards,
Moeed

9

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;
}

image (45).png
image (45).png1652×750 182 KB

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

10

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

11

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:

websensepro_0-1734942045324.png
websensepro_0-1734942045324.png936×397 199 KB

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!

12

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:

websensepro_0-1734942393898.png
websensepro_0-1734942393898.png936×397 199 KB

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!

13

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!