Shopify themes, liquid, logos, and UX
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
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;
}
}
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.
@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>
Thanks, all look good apart from kit cases (see attached)
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;
}
}
hey this hasnt worked either
Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-TekLabs to discuss practical strategies for...
By JasonH Nov 13, 2024The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024