Collection preview title center alignment

Solved
Otterlydifferen
Excursionist
13 0 5

Hi 

My store: 

https://www.otterlydifferent.shop

Theme: Motion

On all my collection previews the title is right-aligned.

I want to center those titles.

for example under the menu: Store>T-Shirts

Otterlydifferen_0-1614373276255.png

or from my homepage: 

Otterlydifferen_1-1614373309588.png

 

 

dmwwebartisan
Shopify Partner
5223 1205 1542

This is an accepted solution.

@Otterlydifferen 

I can see your title shows in white and left aligned. Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (min-width: 590px) {
.skrim__title { margin: 0 25px 25px 0px !important; text-align: center; width: 100%; }
}
@media only screen and (max-width: 589px){
.skrim__title { margin: 0 12.5px 12.5px 0px !important; text-align: center; width: 100%; }
}

 

Let me know if this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Otterlydifferen
Excursionist
13 0 5

WORKS LIKE A CHARM! you legend!