Dawn theme - product page - make title and price in one line

[paulverseckas]

my website is https://meteorea.com/  and Im using dawn theme. I want to make product title and price to be in one line, like in this screenshot:

[PageFly-Amelia]

Hello @paulverseckas 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css

Step 3: Add code

.price {
   text-align: right;
    margin-top: -40px;
}

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

[paulverseckas]

This works well for product page but sadly it ruins collection pages. With this solution all collection pages gets messed up, price jumps to right bottom corner. Is there any way to exclude it from working on collection pages and only to make it work on product page?

[paulverseckas]

Thank you, works perfectly now.