Replace Text Link with a An Image Link

[ani7ruddha]

I am using WP MODAL LOGIN plugin for Login Popup.

I am using shortcode [wp-modal-login login_text=”Login” logout_text=”Logout”]”> to display Login Link on Top ryt..

How can I replace the login link with an Image I want ??

Plz helppppppppppppppp

[ani7ruddha]

This is the website http://metainfos.com/demo/#data

[Ricky55]

Can’t you just use CSS image replacement, just get the text out of the way and put a background image in its place. On an iPad so I can’t see what hooks you’ve got to style it up but should be possible.

[ani7ruddha]

No that is not the ryt way for this I had tried this..

Since I am using WP Modal Login Plugin shortcode

[Paulie_D]

Link is broken.

Oh…and it’s not “ryt”…it’s **right**.

[ani7ruddha]

yes I know its RIGHT that is my bad habit inherited from SMS world :X

and the link is not broken now http://metainfos.com/demo/

[Paulie_D]

OK….I see no reason why text replacement shouldn’t work.

It’s in a div with a class of `flags` and the anchor link itself has a classes of `login` and `login-window`.

I see no reason why you can’t do something like..

.login {
background: ImageUrl;
text-indent: -9999px;
width: 80px /* or whatever you want */
}

It’s currently located in the theme-my-login.css file.

Just be aware that there may be other issues of which I am unaware that might result in changing a theme css.

[ani7ruddha]

No that does not work…

see as i told I am using WP MODAL LOGIN PLUGIN

And i have inserted the shortcode for the same in Header right position..

The other option I have is to use this php code

using this can text be replaced by an image?

[Paulie_D]

Where is the CSS coming from then?

>WP MODAL LOGIN PLUGIN

This means nothing to me. If it doesn’t work the way you want it to…don’t use it.

I was under the impression that PHP just inserts HTML into the page. Are you saying that it inserts the CSS too.

[ani7ruddha]

yes its coming from WP MODAL LOGIN PLUGIN

And PHP just inserts HTML as per me too

[Paulie_D]

So you can’t put an override in your CSS sheet?

Seems to me that there is no reason why it shouldn’t work.

[Author]

Posts