Centre collections list titles

[golazocases]

hi i would like to centralise each collections list title (player cases, kit cases etc - see attached) so that it is central within the box.

URL: golazocasesuk.myshopify.com

[Abdosamer]

Hi @golazocases , go to theme.liquid and add the following code at the end of it before the </body> tag :

@media (max-width:700px){
.collection-card-wrapper  .card__information, .card-information {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
}
}

[golazocases]

Thanks but its not centred the texts within the boxes. Take the kit case text for example, you can see its centrally aligned but is at the top of the box. We want it to be centrally aligned and in the centre of the bo - same for each collection title.

[Abdosamer]

@golazocases , Replace the previous code with this :

<style>
@media (max-width:700px){
.collection-card-wrapper  .card__information, .card-information {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
}
}

</style>

[golazocases]

Thanks, all look good apart from kit cases (see attached)

[steve_michael2]

Please try the below code and if it works, please kindly like and mark solution. Thank you

@media (max-width: 700px) {
  .card__information {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 700px) {
  .card__information a[href="/collections/kit-cases"] {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; 
  }

  .card__information a[href="/collections/kit-cases"] .card__heading {
    margin: 0;
  }
}

[golazocases]

hey this hasnt worked either