Cenk

[Cenk]

Thanks! I would like to replace the text with an image/icon. I tried it in Css. But it doesn’t work properly.

Example: I traced the messages (menu) link with firebug and adjust it in Css

COPY CODE

div.kleo-page header div.header-bg div#header div.row div.eight div.contain-to-grid nav.top-bar section ul#menu-new-menu.left li a{ background-position: left; background-repeat: no-repeat; background-image:url(http://…..com/wp-content/uploads/2013/08/messagesicon.svg) } 

But then the other dynamic links get the same icon image. I can’t do it separately.
Is there a way to adjust it in the functions.php?

COPY CODE

$profilelink .= '<li><a href="' . bp_loggedin_user_domain( '/' ) . 'messages" rel="nofollow">' . __('Messages','buddypress') . '</a></li>'; 

(removing the text “messages” ..and replacing it with an icon image…doesn’t work this way)

COPY CODE

$profilelink .= '<li><a href="' . bp_loggedin_user_domain( '/' ) . 'messages" rel="nofollow">' . __('background-image:url(http://......com/wp-content/uploads/2013/08/messagesicon.svg)','buddypress') . '</a></li>'; 

I really appreciate your support. And is there a way to disable the menu hover?…or making it transparent.
I want to place the two notification pop-up icons ontop of the wp-menu tabs.

Thanks!

[Author]

Posts