Move product rating above the product title (Dawn)

Topic summary

A user wants to reposition the product rating to appear above the product title on their Dawn theme homepage.

Proposed Solutions:

  • One suggestion involves manually moving the rating code above the product title code in the featured collection liquid file.

  • A more detailed CSS-based solution was provided:

    • Navigate to the theme’s base.css or theme.css file via the theme editor
    • Add CSS code at the end of the file that uses relative positioning with a negative top value to move the rating element upward
    • The specific CSS targets .card-information and .caption elements with .rating children

Status: The discussion appears resolved with working CSS code provided, though no confirmation from the original poster yet. An implementation screenshot showing the expected result was shared.

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.

Hello,

I want to move the product rating above the product title on my homepage, like in the image shown below.

My store: https://r1vex.myshopify.com/

1 Like

@manbru You have to put the rating code above the product title code in the feature collection liquid file it is the coding work.

  • Here is the solution for you @manbru
  • Please follow these steps:

  • Then find the base.css or theme.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
p.rating-count.caption, .card-information>.rating {
    top: -70px !important;
    position: relative !important;
}
  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.