PriMoThemes — now s2Member® (official notice)

This is now a very OLD forum system. It's in READ-ONLY mode.
All community interaction now occurs at WP Sharks™. See: new forums @ WP Sharks™

how to tweak membership login widget?

s2Member Plugin. A Membership plugin for WordPress®.

how to tweak membership login widget?

Postby cote289 » May 27th, 2011, 2:52 pm

Hello

I'm setting up my site at www.trulysimpletech.com and I'd like some help/advice on how to tweak the membership login widget?

currently it takes up 100% of the sidebar and looks bad

what code do i need to add to have some padding or margin so its not at 100% and looks a little cleaner?

see screenshots:
http://awesomescreenshot.com/093dskd20
http://awesomescreenshot.com/0e8dskead

I've tried tweaking the code in s2-member-pro.css but its not quite working as expected.

any help is greatly appreciated

thanks for the great plugin

Ben
User avatar
cote289
Registered User
Registered User
 
Posts: 16
Joined: May 27, 2011

Re: how to tweak membership login widget?

Postby Cristián Lávaque » May 28th, 2011, 1:17 am

The widget container has an ID, as do all the divs inside it. Did you try using them as selectors?
Cristián Lávaque http://s2member.net
Is s2Member working for you? Please rate it Image at WordPress.org. Thanks! :)
User avatar
Cristián Lávaque
Developer
Developer
 
Posts: 6836
Joined: December 22, 2010

Re: how to tweak membership login widget?

Postby cote289 » May 28th, 2011, 12:00 pm

i'm not sure what you mean by selectors.

I'm still fairly new to CSS and that type of code, but am learning quick.

thanks

Ben
User avatar
cote289
Registered User
Registered User
 
Posts: 16
Joined: May 27, 2011

Re: how to tweak membership login widget?

Postby sgtcory » May 28th, 2011, 1:12 pm

Cristian is referring to the selector for the division that holds the login form :

Code: Select all
<div class="ws-plugin--s2member-pro-login-widget">


So the class here is : ws-plugin--s2member-pro-login-widget

So you would want to add something like this to your CSS :

Code: Select all
.ws-plugin--s2member-pro-login-widget {padding: 20px;}


Where you add this is up to you, but if your theme supports custom css in the admin section, then you can paste that there. If not, you can put this is the very bottom of your style.css or another css file that your theme uses.
Webmaster Services - http://rentedweb.com
User avatar
sgtcory
Experienced User
Experienced User
 
Posts: 24
Joined: May 28, 2011

Re: how to tweak membership login widget?

Postby Cristián Lávaque » May 28th, 2011, 1:19 pm

Thanks for your help, sgtcory. :)

cote289 wrote:i'm not sure what you mean by selectors.


No problem, it's good that you want to learn.

This tutorial may help you with that http://css.maxdesign.com.au/selectutorial/

Here's more documentation on them http://www.w3.org/TR/CSS2/selector.html

Selectors are what you use to select what you'll style. The Pro Login Widget has a lot of IDs defined that you can use to style those parts specifically.
Cristián Lávaque http://s2member.net
Is s2Member working for you? Please rate it Image at WordPress.org. Thanks! :)
User avatar
Cristián Lávaque
Developer
Developer
 
Posts: 6836
Joined: December 22, 2010


Return to s2Member Plugin

Who is online

Users browsing this forum: Bing [Bot], Google [Bot] and 2 guests

cron