Docs

[pebbelbot]

Hi.

I would like to know how could I change my menu items into different icons and then on hovering over the icons it would change back to text. I tried exploring the css functionality but couldn’t find anything. Is this possible with x theme or do I need some higher coding skills?

Thank you.

p.s. : I really like how the support forum answers to our queries really fast. Keep up the good work guys. Really appreciate it.

[Rad]

Hi there,

Thanks for posting in.

It depends on the effect you wish to achieve and can be possible or not. Would you mind providing a sample or mockup? If it’s a simple hidden and display effect, then simple CSS should be enough. Do you have site URL that already has this menu icons and text?

Thanks!

[pebbelbot]

A Simple effect of replacing icon with text should be just fine. I believe css should be fine but I am a beginner in css. I have very little knowledge in css.I am. familiar with functions like changing background color and hover. However is it possible to change the elements (icon to text) through hover function in css? and if it is would you mind showing me an example of such sort?

Thank you.

[Rad]

Hi there,

CSS has no ability to change text dynamically, but possible through static text. But that means you’ll need to do it one by one.

For example,

#menu-item-5359 a:hover i {
content: "this is a text";
}

Though it really depends on your current setup, please provide your site’s URL that has this menu.

Thanks!

[Author]

Posts