Shopify themes, liquid, logos, and UX
Hey Expert,
I recently installed a review app on my store and I need help in making a few css changes. They have a separate CSS setting area to make the changes.
This is the option and the codes I have added earlier.
Now I will explain my problems. Please help me resolve the same.
This is the website URL: https://ae7201.myshopify.com/products/prime-apex-blue-racing-sweatshirt
Problem 1:
Remove the hover effect on the button and change the "Next" button colour to #ff3130
Problem 2:
Remove the white borders. Please set the borders to 0px
Problem: 3
This problem is with the mobile version. Please change the top and bottom background colours to #F1EFE7. I have added the classes to target to save your time.
Please help me with these items alone so that I can go live. Thank you so much.
Solved! Go to the solution
This is an accepted solution.
Hello, @mystore123d
Greetings from the Wholesale Helper Support Team! Happy to help you today.
1. Go to online store > theme > Edit code > Layout > theme.liquid (file) and Paste the below code at the end of the file, just before the closing " </body>" tag -> Save
<style>
.reviews-button:hover{
background-color:none !important;
}
.reviews-button{
background-color:#ff3130 !important;
}
#reviews-custom-option-item-active{
border: 0px !important;
}
@media only screen and (max-width: 800px){
.review-detail-body .review-detail-content{
background-color: #F1EFE7 !important;
}
.review-detail-body .review-detail-content .review-detail-header{
background-color: #F1EFE7 !important;
}
}
</style>
2. After adding the above CSS, it looks like this-
Let me know If need further assistance
Regards,
Wholesale Helper Support Team
This is an accepted solution.
Hello, @mystore123d
Greetings from the Wholesale Helper Support Team! Happy to help you today.
1. Go to online store > theme > Edit code > Layout > theme.liquid (file) and Paste the below code at the end of the file, just before the closing " </body>" tag -> Save
<style>
.reviews-button:hover{
background-color:none !important;
}
.reviews-button{
background-color:#ff3130 !important;
}
#reviews-custom-option-item-active{
border: 0px !important;
}
@media only screen and (max-width: 800px){
.review-detail-body .review-detail-content{
background-color: #F1EFE7 !important;
}
.review-detail-body .review-detail-content .review-detail-header{
background-color: #F1EFE7 !important;
}
}
</style>
2. After adding the above CSS, it looks like this-
Let me know If need further assistance
Regards,
Wholesale Helper Support Team
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025