Hi everyone,
After implementing this custom liquid code as a review, the image slider on the main product images don’t work and the layout of the slider changed. How can this be undone without deleting the code.
URL is: https://lunalucente.com/products/comfort-glow-all-in-one-serum
"
"I have used several hyaluronic acid serums but this one really takes hydration to another level."
.review-section {
margin-top: 15px;
margin-bottom: 15px;
padding: 0px;
border-radius: 8px;
background-color: #f9f9f9;
font-family: DM sans, Light 300;
color: #333;
}
.review-card {
display: flex;
align-items: center;
}
.reviewer-image {
width: 60px; /* Square dimensions /
height: 60px; / Square dimensions /
border-radius: 8px; / Slightly rounded corners /
overflow: hidden;
margin-right: 15px; / Space between image and text /
}
.reviewer-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.review-content {
display: flex;
flex-direction: column;
max-width: 75%; / Slightly increased width of the text box /
}
.reviewer-details {
display: flex;
align-items: center;
margin-bottom: 5px;
}
.reviewer-name {
font-size: 16px;
margin-right: 10px;
}
.reviewer-rating {
font-size: 14px;
color: #ffcc00;
}
.review-text {
font-size: 12px; / Reduced by 2px /
margin: 0;
font-style: italic; / Italics added */
}
"
@lunalucenteskin
Please check the codebase again.
I think that the second line is not ended properly.
It can cause unexpected error.
Hi @lunalucenteskin
Did you try to remove this code to check if the issue is caused by it?
I changed it a bit, but that doesn’t change the error unfortunately
