Login widget

I would like to adapt the login button , both it’s width and text. Can you tell me where the function / php code is to change it, thanks

Hi Colm,

Please see Dashboard -› s2Member® -› API / Scripting -› Pro Login Widget (via PHP).

Thanks Raam,
but this is only access to widget parameters
Where can I find the actual php code?
The first thing i want to change in the widget is the width of the ‘submit’ button. it is too wide.
I then want to have it in the style of my wordpress theme
thanks

Hi Colm.

You can style the button using CSS. The selector would be: [hilite mono]div.ws-plugin--s2member-pro-login-widget > form input[type="submit"][/hilite]

I hope that helps. :)

Dear Cristian
Thanks,
Can you handhold me through this?
Where can i insert/modify this code?
Can you give me an example?
Cheers
Colm

In your CSS file add, for example:

[hilite code]div.ws-plugin–s2member-pro-login-widget > form input[type="submit"] {width: 50%;}[/hilite]

If you need someone to do it for you, it should be very cheap to get a freelancer for it over at http://jobs.wordpress.net :)

thanks alot
Do you mean the s2member css file?
(s2member/includes/s2member.css)

I added the line you suggested at the start of s2member.css but it made no difference

• This reply was modified 4 years, 6 months ago by  Colm Rafferty.

No, your theme’s CSS file.

If it doesn’t change, then try adding [hilite mono]!important[/hilite] to the style.

[hilite code]width: 50% !important;[/hilite]