How to left-align collection text in Symmetry

Hi all,

I wonder if you can help?

I would like to left align my text for the collection description, but I’d like the collection title to stay centralised.

I’m on the Symmetry theme.

Thanks so much for your help,

Alice

1 Like

Hi @ObjectStory ,
I can really help you if you can share your store URL with me so that I can share actual codes with you that you can just ad on your shopify theme code to align the collection description on the left hand side.
Thanks

@ObjectStory

ok store url and issue images

Hello, thanks for your reply.

here’s a few examples:

https://www.objectstory.co.uk/collections/christmas

https://www.objectstory.co.uk/collections/homeware

https://www.objectstory.co.uk/collections/kitchen

Thank you

Hello, thanks for your reply.

here’s a few examples:

https://www.objectstory.co.uk/collections/christmas

https://www.objectstory.co.uk/collections/homeware

https://www.objectstory.co.uk/collections/kitchen

Thank you

Hey @ObjectStory ,
thanks for sharing the website link this was a great help in fixing the issue.
You can align your descriptions on left by pasting the below code at the bottom of the theme.liquid file just before the closing body tag ().

{% if template == 'collection' %}
  
{% endif %}

The above code will make your webpage look like the image below.

if you don’t want the text to be scattered on the whole screen and just want to align the text to the center then you can just copy paste the below code instead of the one I shared above.

{% if template == 'collection' %}
  
{% endif %}

This will make your webpage look like something like as shown in image, the description won’t cover the entire screen but will be left aligned as shown in image below.

Thanks

Hey @kaalTechGeeks - thank you SO much. This did the trick, and you’re right, the second option is loads better. Looks great now.

Thank you! Really appreciate your advice.

1 Like

Hi, I can’t make this changes in motion theme. Can you help?