Left-align collection description and make it hidden after exceeding x length

[alexanderdoss]

I want to left-align the collection description and make it expandable/collapsible after a certain length. How would I go about this? I use focal as a theme. 

[Natasha-Saed]

Hi,

Will you please share your store URL to be able to assist you on this.

[alexanderdoss]

Thank you! dossify.se

[alexanderdoss]

Can this be done? 🙂

[alexanderdoss]

Anyone have a solution for this?

[Natasha-Saed]

Hi,

Sure it can be done, I just need your store URL to be able to give you the code for it 🙂

[alexanderdoss]

Hi, 

I posted it above. Its dossify.se

[Natasha-Saed · Accepted solution]

1) Go to online store
2) Click on Edit Code
3) Open your theme.css file
4) Paste the below code at the bottom and save

.page-header__text-wrapper {text-align: left; margin-left: 0px !important; max-width: 100%;}

[alexanderdoss]

Thank you, this worked for left align! 

Is it possible to make it collapsible after say 8 rows?

[Natasha-Saed]

Glad I could help.  For the collapsible content follow this thread https://community.shopify.com/c/technical-q-a/add-collapsible-tab-show-more-to-collection-descriptio...

[Farmersstore]

Hi Natasha , I tried this but it didn't work for me.