How do i change the text positioning for collection headers on the homepage?

Store Design
1

Hi,

Iv sent a pic below if anyone would be able to help.

We basically want to be able to make it so the collection headers are central.

https://21stcenturyrepairs.myshopify.com/

Thank you

2

You try adding this code to the bottom of base.css

.card-wrapper.animate-arrow .card__information {
  margin-left:auto;
  margin-right:auto;
}

Result:

2022-02-11 15_16_05.png
2022-02-11 15_16_05.png1325×508 132 KB

1 Like
3

Hi,

Thankyou it did work, i put it onto a copy theme and it worked fine, then when I put it onto the normal one it stopped working, now it don’t work on either

4

Hi @Rekreation ;

Find your base.css file under the Asset folder and paste the code below. Let me know if it works

.card__heading {
text-align: center !important;
}
5

@Rekreation

Go to Online Store->Theme->Edit code
2. Asset->/ component-card.css. → Add this code at the bottom of the file

.card__heading {
margin-top: 0;
text-align: center !important;

}

Solution : It will center your collection header.

premadestores_0-1644659688021.png
premadestores_0-1644659688021.png958×357 87.2 KB

If this post is helpful for you Kindly Like and Accept this as a solution.

1 Like