Make price and title same line (collection)

[Leonpojen]

Hi,

I have managed to align my price and title in one line product pages like this:

I want to make them aligned in one line on the collection / store page to, but can’t seem to get it right.

This is what it looks like now:

Store url: https://www.arceyworldwide.com/collections/all

Password: arcey

I’m a beginner so I would really appreciate if someone could help me!

Best regards,

Leon

[NomtechSolution]

1. Open the collection-template.liquid file and find the code that generates the product listing. It might look similar to this:

  

    {{ product.title }}
  

  
    {{ product.price | money }}
  

​

1. Modify the code to display the title and price on the same line. You can use CSS to achieve this. Wrap the title and price elements in a container and apply a CSS class to it. Modify the code as follows:

  

    

      {{ product.title }}
    

    
      {{ product.price | money }}
    

  

​

[Leonpojen]

Hi @NomtechSolution ,

Thanks for taking the time to help, however I can’t seem to find the collection-template.liquid file.

I’m using dawn theme if that helps.

Best regards,

Leon