How do I fix title and price alignment issues on my online store?

Store Design
, , , ,
1

Hi all, I’m having a difficult time getting my text to align how I’d like. Thank you in advance to everyone that offers advice!

Feel free to visit my store and dig deeper: https://c2eb2c-2.myshopify.com/

The first issue I have is: my text alignment on collection pages and collection sections on home page is centered, however when the title is too long and wraps to the next line the new line is not centered but aligned left.

SP3C_0-1703134409105.png
SP3C_0-1703134409105.png1920×1032 111 KB

As you can see the middle product on this section is misaligned.

I have attempted to edit the alignment to an extent in the theme.css file however this leads me to my next issue:

On product pages the price is centered, if i edit this in theme.css it also changes this for the collections sections WHICH I DO NOT WANT

I have attempted to add this code

.price {
align-items: left !important;
}

to my default product template in an attempt to fix it that way but I am getting this error

SP3C_1-1703135794814.png
SP3C_1-1703135794814.png1920×1032 212 KB

Any advice would be greatly appreciated! Thank you all.

2

Hello @SP3C

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.css file

  3. Paste the below code at bottom
    .h4.grid-view-item__title.product-card__title {
    text-align: center;
    }

1 Like
3

HI, @SP3C .

Follow These steps,

Go to the online store theme and go to base.css file paste the code mentiond below.

.grid-view-item.product-card .product-card__title {
    text-align: center !important;
    padding-bottom: 10px;
}

Result:

websensepro_0-1703244811684.png
websensepro_0-1703244811684.png1347×594 70.5 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

1 Like