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™

Login background imgage position

s2Member Plugin. A Membership plugin for WordPress®.

Login background imgage position

Postby econtinue » March 2nd, 2011, 4:43 am

Hi,

Is there a simple way to center the login/register screen background image ?
All the rest of the customizations is fine, but it would be nice to have an "align" option in there.

What code would I have to change or add (and where) to center my background image ?
Help is much appreciated...

Thanks.

Andre
User avatar
econtinue
Registered User
Registered User
 
Posts: 2
Joined: March 2, 2011

Re: Login background imgage position

Postby Cristián Lávaque » March 2nd, 2011, 11:40 am

You should be able to edit that in your theme's style.css, some themes have styling in wp-login.php's head section.
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: Login background imgage position

Postby econtinue » March 8th, 2011, 12:21 pm

Can't find that in Thesis.
Any tips on this ?
Anything I can edit in S2 files, i.e. in the login customization file ?
It sais somewhere you can insert hard coded changes instead of using the !important code...I just don't know what to edit.

Thanks.

Andre
User avatar
econtinue
Registered User
Registered User
 
Posts: 2
Joined: March 2, 2011

Re: Login background imgage position

Postby Cristián Lávaque » March 8th, 2011, 1:38 pm

Have you tried the s2Member Login/Registration Page Customization? You could edit the image adding some padding to it, which would move the actual image to a side.

WP Admin -> s2Member -> General Options -> Login/Registration Design

Now, the CSS that affects that image are a couple of lines in the head of wp-login.

Code: Select all
div#login h1 a { background: url(http://ladietaprohibida.com/wp-content/plugins/s2member/images/logo.png) no-repeat top center !important; }
div#login h1 a { display: block !important; width: 100% !important; height: 100px !important; }


You can most probably override the style you want using !important, just edit your theme's style.css.
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: Google [Bot], Yahoo [Bot] and 0 guests

cron