The above image from my store. I would like to know the Custom CSS code to increase the transparency of the card behind “Mix And Match” text. I’d like it to be 10-15% more transparent. I am using ShowTime theme. Thanks!
Topic summary
Goal: Make the hero caption card behind “Mix And Match” 10–15% more transparent on a ShowTime theme.
Context and links:
- Store URL provided: https://www.freshfindsmarket.com/pages/build-your-own-bundles (no password).
- Visuals are central: screenshots show the current card and an example “result” after changes.
Latest update:
- A helper requested the URL, then supplied implementation steps: Online Store → Edit Code → open theme.liquid → add custom CSS just above the tag.
- The actual CSS snippet is missing in the post (the code block appears empty), though a “Result” screenshot was shared indicating the intended effect.
Status:
- No confirmation from the store owner that the change worked.
- Key missing detail: the exact CSS to adjust transparency (e.g., changing an overlay/background via rgba/opacity) isn’t visible.
Next steps / open items:
- Poster needs the correct CSS snippet re-posted or clarified.
- Confirmation needed on whether the transparency now meets the 10–15% target.
Hey @kankrum
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
Thanks for your reply. https://www.freshfindsmarket.com/pages/build-your-own-bundles. no pw.
Hey @kankrum
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
1 Like