How can I center footer text and product details in mobile and desktop view?

Store Design
1

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

2

Hi @KryssyKlaws ,

Please try this in you theme.css file.

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

Thanks

3

Thank you, but unfortunately that did not work.

4

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;
}