Centering Text - Any help Appreciated

KryssyKlaws
Tourist
4 0 0

Hi Shopify Community,

I am trying to center text in my footer and the Price and Product Title in Mobile in Desktop view on all text, including featured products. I have tried doing this by following instructions by other post but I cannot seem to get it right. Is anyone able to help me with this? I would truly appreciate it. 

Thank you so much,

Krysslayn

0 Likes
pawan987
Explorer
34 8 5

Hi @KryssyKlaws,

Please try this in you theme.css file.

.product-card{
text-align:center
}
.price{display:block}

Thanks

0 Likes
KryssyKlaws
Tourist
4 0 0

Thank you, but unfortunately that did not work.

0 Likes
pawan987
Explorer
34 8 5

Find these classes and replace with: in themes->actions->edit code->Assets->theme.css file

.price {
    /* display: flex; */
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
text-align:center;
    /* margin-bottom: 0; */
}
.product-card {
    position: relative;
    text-align: center;
}

 

0 Likes