Help align product title and price horizontally with the product image on the collection page

Could someone help me align the product title and price horizontally with the product image on the collection page. Currently it looks like this


Id like it to be aligned horizontally like this

1 Like

Website is helioshair.com

Hi @ActionJackson

Do you mean like this?

The buttons and the text will be sink in.

here is the code.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
@media only screen and (max-width:989px){
.card:not(.ratio) {
    display: flex;
    flex-direction: initial;
}
}
  • And Save.

Hi @ActionJackson ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid file
  3. Paste below code before :

Best regards,

Anthony

Thankyou brother