How to align title of product with price

[YIVAN]

Hello,

I was wondering how I could align the title of the product with the price. Currently the title of the product is centered while the price is position on the left I would like the title to also be on the left.

Here is how it looks:

URL:https://www.yivan.us/

Pass: YIVAN24

Thanks in advance

[BSSCommerce-HDL · Accepted solution]

Hi @YIVAN, Pls insert this code to your file css: 

.collection .card__content .card__heading.h5 a {
    text-align: left !important;
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[YIVAN]

I figured out why the title was centered in the first place. It was because I used a piece of code to center text in the collection list section.

This was the code I used for that:

<style>
.card__information .full-unstyled-link{
text-align: center !important;
}
</style>

I still want to keep this text centered but the product titles to be aligned on the left.

[BSSCommerce-HDL · Accepted solution]

Hi @YIVAN, Pls insert this code to your file css: 

.collection .card__content .card__heading.h5 a {
    text-align: left !important;
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[niraj_patel]

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .price {
      text-align: center !important;
  }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[YIVAN]

Thank you for your time. However I wanted the title of the product to match with the price on the left side. I don't want it to be centered. Sorry If I explained it poorly.

[GTLOfficial · Accepted solution]

Hello @YIVAN 

Please use this css

Go to Online Store----------->Theme-------------> Edit code------------> find a file "base.css" add this CSS in the very last 

#ProductGridContainer #product-grid .grid__item .card__information a {
    text-align: left !important;
}

 Please let me know
Thanks

[JP12we5]

Hello Mr GTLOfficial, I am having the same issue with theme Boundless and I have tried sooooo many fixes including yours and nothing works to put the product title and price centered under the product image. please help 😞

page example: Hats page