I want to remove the BLUE BAR that appears on every value in the Crave theme.
Cant find the value when I inspect element. Want to remove it completely or turn it invisible in CSS code. Any suggestions?
Topic summary
A user seeks to remove a blue bar appearing under property values in the Shopify Crave theme. Initial attempts to locate the element via browser inspection were unsuccessful, suggesting the styling may be hidden or dynamically generated in the CSS code.
Troubleshooting Steps:
- Multiple respondents requested the store URL to inspect the issue directly
- Store credentials were shared (myshopify.com development store with password)
Proposed Solution:
A CSS fix was provided to add at the bottom of the base.css file:
.card--card:after {
box-shadow: unset !important;
}
This targets the card element’s after pseudo-element and removes its box-shadow property, which likely creates the unwanted blue bar effect.
Hello @baileyg1
If you can share your store URL it will easy for me to inspect.
Hi @baileyg1 ,
Dan here from Ryviu: Product Reviews & QA.
Could you share your store URL to check?
Best Regards,
Dan
91f208-39.myshopify.com
Password is Fitshake
Please add this code at the bottom of your base.css file
.card--card:after {
box-shadow: unset !important;
}