center description for collection (motion theme)

[sondreskskfsghj]

I've been trying to get this text centered, but no suggestions have worked

this store has it working (https://123presets.store/)

my store: https://8c2dd1-3.myshopify.com/collections/best-sellers 

This is the code that changes it for that site: 

but when i copy it, i cant make it work?

any suggestions?

[Muhammad_Ali_S]

@sondreskskfsghj 
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.css->paste below code at the bottom of the file

.collection-description {
   margin: 0 auto;
}
.collection-description .enlarge-text {
   text-align: center;
}

[PageFly-Victor]

Hi @Sondreskskfsghj,

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css.

Step 3: Paste the below code at bottom of the file -> Save

.collection-description {
max-width:750px !important;
margin:auto !important;
text-align:center !important
}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

[GemPages]

Hi @sondreskskfsghj,

Glad to support you today.

You can check out my suggestion below to get your concern resolved:

1. Go to Edit code on Online Store:

2. add my code  above the </body> tag on Theme.liquid:

<style>
	body.template-collection .collection-description {
		max-width: 100% !important;
		text-align: center !important;
	}
</style>

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.

[INA_MSWEB]

Hi @sondreskskfsghj 

I hope you are doing good and welcome to the Shopify Community!
I am Santanu from MS Web Designer (Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore).

Please add this css in your bottom of the css file:

.template-collection .collection-description {margin: 0 auto;}

.template-collection .collection-description .enlarge-text {text-align: center;}

Regards,

Santanu