My store is blank in both theme editor and published store.
Topic summary
A user’s Shopify store theme displays as completely blank in both the theme editor and the live published site.
Proposed Solution:
Multiple respondents suggest adding the same CSS fix to resolve the issue:
- Navigate to: Admin > Online Store > Themes > Edit code > Assets > base.css
- Add the following CSS code:
#dev-root {
opacity: 1 !important;
}
Technical Context:
The problem appears related to a #dev-root element having its opacity set incorrectly, making the entire theme invisible. The CSS override forces full opacity, making content visible again.
One response includes a before/after screenshot demonstrating the fix’s effectiveness. The discussion remains open with no confirmation from the original poster whether the solution resolved their issue.
Add This css in your edit code > base.css File
div#veda-root {
opacity: 1 !important;
}
can you please add below CSS code into your theme files
Instructions: Admin > Online Store > Edit Theme Files > Assets > base.css
#veda-root {
opacity: 1 !important;
}
Results:
Thanks