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/
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-informationand.captionelements with.ratingchildren
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.
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.