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

paulverseckas
Tourist
8 0 3

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:

Screenshot 2024-05-27 at 14.21.31.png

Replies 3 (3)

PageFly-Amelia
Shopify Partner
471 146 211

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

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

paulverseckas
Tourist
8 0 3

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?

Screenshot 2024-05-27 at 15.08.35.png

paulverseckas
Tourist
8 0 3

Thank you, works perfectly now.