Add span tag to menu links.

[mairagall]

Hello, I need to add span tags to the primary sub menu titles, like this:

<ul>
<li><a class="fa fa-font-awesome-icon"><span>LINK TITLE</span></a></li>
</ul>

The reason is that I need to use a different font for the link title (and not Font Awesome), I can't use CSS classes because my client will be changing those links periodically.

Thanks in advance.

[David Chu]

Maira,
That's a fun brainteaser. 🙂 As a CSS geek, I usually I try to CSS-code my way around this type of thing with CSS3, fancy selectors, and such, but I can see you have tricky specs here.

Instead, here's a fairly painless way to make that happen. 🙂

Enjoy, Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[mairagall]

It worked perfectly David, thank you so much for your help!

[David Chu]

Maira,
You're welcome, glad to hear it!

I'd be interested in seeing the results. 🙂

Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[mairagall]

This reply has been marked as private.

[David Chu]

This reply has been marked as private.

[mairagall]

Thanks David, I like how this design is turning out 😉

[Author]

Posts