hey,
i noticed that the when the lines on my product names meet, the line appears bigger.
is there a way to fix that?
url: sixdreamz.com
password: sdc2003
Topic summary
A user noticed that overlapping lines in product names appear thicker where they meet and asked how to fix this visual issue.
Two solutions were provided:
-
CSS modification via theme.liquid: Add custom CSS code above the
</body>tag in the theme.liquid file to adjust line rendering. -
Direct CSS file edit: Navigate to
assets > component-card.cssand add code at the end:
.card_content_ {
width: 98% !important;
}
Both solutions aim to reduce line thickness by adjusting element width or styling. The second approach targets the card content width specifically, which appears to prevent line overlap. Screenshots were included showing the expected result after applying the fix.
1 Like
Hey @sixdreamz
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hello @sixdreamz
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> component-card.css
add this code at the end of the file.
.card__content {
width: 98% !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
1 Like