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 remove z-index: -1 & top and set height 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
Archived
This topic is now archived and is closed to further replies.