Center Heading Text On Collection List On Spotlight Theme

Store Design
1

Hi Everyone.

Anyone know how I can center the heading text on collection list section on the spotlight theme? My website is www.PPFMERCH.com

Thank you in advance :slightly_smiling_face:

1 Like
2
  • Here is the solution for you @Justin34
  • Please follow these steps:

BSSTekLabs_0-1721441758383.png
BSSTekLabs_0-1721441758383.png400×183 26.2 KB

  • Then find the base.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
.title-wrapper--no-top-margin {
    justify-content: center !important;
}
  • Here is the result you will achieve:

BSSTekLabs_1-1721441809120.png
BSSTekLabs_1-1721441809120.png1890×937 355 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like
3

Hi @Justin34 ,

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

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Here is result:

BSSCommerceHDL_0-1721441957942.png
BSSCommerceHDL_0-1721441957942.png1916×808 342 KB

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 :heart_eyes:

4

Worked perfectly :slightly_smiling_face: Thank you so much!! Really appreciate it.

1 Like
5

No problem. Have a good day.

6

Quick question. I noticed that its centered on the desktop version of the site but not our mobile version. Is there a way to make it centered on mobile too? Thank you.

1 Like
7

You can try this code @Justin34

.title-wrapper--no-top-margin {
    justify-content: center !important;
    text-align: center !important;
}
8

BSSTekLabs_0-1721442482294.png
BSSTekLabs_0-1721442482294.png396×848 285 KB

1 Like
9

@Justin34 Please try replacing it with the new code I provided.

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
10

PERFECT!! Thank you so much! You are the best :grinning_face_with_smiling_eyes:

1 Like
11

Glad to have been able to help you!!!

12

Hello - I’ve recently updated my theme to the 15.2.0 and can’t seem to make this solution work. Is it still relevant? I’ve tried both solutions proposed in this thread. Thanks!