Redesign product page: price and name same line, image smaller, hide arrows for image swapping

Store Design
, , ,

Topic summary

A user seeks help implementing three CSS customizations to their Shopify product pages using the Dawn theme:

Requested changes:

  • Display product title and price on the same line (both on product pages and catalog)
  • Hide navigation arrows used for image swapping
  • Reduce product image size to show more of the next image and reveal more text below

Current issue:
Pasting CSS code into theme.liquid produces no visible changes, indicating a potential implementation error.

Status:
The discussion remains unresolved with no solutions provided yet. The user has made multiple follow-up requests for assistance and mentioned difficulty accessing direct messaging features on the platform (included a screenshot showing their menu bar lacks a message icon).

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

Hello everyone! I am trying to apply these three changes to the product page of my shopify website but I am not being able to do so through CSS even though it has been explained before in different entries. when I paste the code in my theme.liquid page nothing happens so clearly I am doing something wrong. I am trying to do the following on my product pages:

  1. Set Pprice and product title on the same line instead of price below name, I want to do this on the catalogue as well

  2. Hide arrows before image used for image swapping

  3. Make image smaller so the next image is more clearly seen and more text appears below

Theme: dawn

Website: www.olivioshop.com

thank you very much!

2

Please, It’d be great! Let me know how to proceed

3

Sorry I don’t know how to do that, please lmk how to do it, I’m not being able to find the DM button anywhere here

4

olivioshop_0-1746819539922.png

I don´t have that message icon on my menu bar…

5

Still unsolved, please help :slightly_smiling_face: