Koskinen Posted February 9, 2020 Share Posted February 9, 2020 Site URL: https://koskinen.co/test-page 👋🏻 I'm trying to create fancier highlights for my page. However, I only see them correctly when in "7.1 page edit mode" (reference images attached). Here's the code: Code block The highlight <span class="highlighttest">of the day</span> Stylesheet <style> /* Better Highlight */ .highlighttest { display: inline-block; position: relative; } .highlighttest:before { content: ""; position: absolute; top: 14px; right: -2px; left: -2px; bottom: 1px; background: #43A6DB; opacity: .5; z-index: -1; } </style> Here's the URL:koskinen.co/test-page What might be the problem? Matias Link to comment
tuanphan Posted February 9, 2020 Share Posted February 9, 2020 (edited) remove z-index: -1 & top and set height Edited February 9, 2020 by tuanphan Koskinen 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Koskinen Posted February 9, 2020 Author Share Posted February 9, 2020 That worked! Thanks @tuanphan! 🙌 Any idea what might have caused my attempt to "work properly" in edit view, but not be visible after? Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment