IT Developer

Stefan Motz

<div>
Thank you so much, it's perfect!
</div>


<div>
The above seems to add content instead of replacing it.<br />
To replace, I would make the following change to the CSS:<br />

<pre><code class="code-1 nolinks" id="code-20-43070258-1"><span>.menu-label, .menu-label2 {visibility:hidden;}</span>
<span>.menu-label::after { visibility:visible; content: &quot;&gt;&quot;; }</span>
<span>.menu-label2::after { visibility:visible; content: url(&quot;https://www.fillmurray.com/30/30&quot;); }</span>
</code></pre>
</div>


<div>
Sam, I think he was simply trying to switch out the &quot;&gt;&quot;&nbsp;for an image. Not switch the actual content out if there was any. That is just my own example that was a complete guess because the actual content was not given.
</div>


<div>
Got it ... Then I stand corrected.
</div>


<div>
<div class="content wysiwyg-content">
Hi Experts,<br />
I'm trying to replace Less Than and Greater Than signs in my CSS with images:<br />

<pre><code class="code-1 nolinks" id="code-10-29179498-1"><span>.menu-label::after { content: &quot;&gt;&quot;; }</span>
<span>#menu-toggle:checked + .menu-label::after { content: &quot;&lt;&quot;; }</span>
</code></pre>
<br />
I tried replacing them with the image location, but it didn't work, it just wrote out thew whole string.<br />

<pre><code class="code-1 nolinks" id="code-10-29179498-2"><span>.menu-label::after { content: &quot;background-image: url('../../../../../assets/images/gt.jpg');&quot;; }</span>
<span>#menu-toggle:checked + .menu-label::after { content: &quot;background-image: url('../../../../../assets/images/lt.jpg');&quot;; }</span>
</code></pre>
<br />
Is there a way to do it? I would appreciate your help.
</div>
</div>


Hi Experts,
I'm trying to replace Less Than and Greater Than signs in my CSS with images:
(CODE)

I tried replacing them with the image location, but it didn't work, it just wrote out thew whole string.
(CODE)

Is there a way to do it? I would appreciate your help.

Adding image location in CSS

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.