The review section of your store is a crucial component that gives it credibility and helps in gaining the customer's trust. In this documentation, we will explore the custom CSS that you can use to adjust the design of your review section to suit your brand and store's aesthetics. Regardless of your CSS skills, this will surely help you modify the appearance of the review section of your Shopify store.
Please note that this feature is only available on ReviewXpo Pro Packages.
So let’s see how the ReviewXpo review section looks when used in a default version.
Once you click on the “Write a review” button, you will see the review submission form.
So, as you can see we have divided the review section into three parts for better understanding.
Now we will look into each part and explore the CSS you will need to customize your Shopify store review section.
For the “Review Summary Area”, ReviewXpo is offering three styles that you can use. Below, we will be demonstrating the styles and the available CSS you can use to customize each of them.
1. Summary Style - Top
CSS:
2. Summary Style - Dropdown
CSS:
3. Summary Style - Left
CSS:
Here, you can use these CSS to modify your Review Summary Area to your preference. And to learn more about how you can customize your Review Summary Area check, How to design your review section with ReviewXpo’s advanced widget customization panel?
Now let’s move to the second section “Review List”, and explore the available CSS you can use to modify this section.
CSS:
As for the third section, we have the “Review Form”. Now let’s go into details about the CSS you can use to modify the review submission form.
CSS:
Customizing the review section using custom CSS involves modifying the code of your store's theme, so it's important to be cautious. Additionally, it's recommended to have some basic knowledge of CSS and HTML to ensure that the modifications are implemented correctly. However, with the proper approach and focus, customizing your Shopify store's review section with custom CSS can help increase the appeal of your store and give your customers a better shopping experience.
For further queries please contact us, we'll always be there to help you!