eMember – allign login form and change background image

[fareast]

Hello Admin,

Need your help about how to :

1. Allign the login form which with the short code [wp_eMember_login] to the center of the page?

2. Change or put background image instead of white colour background.

Login page:

[http://wrkomoditi.com/ahli-log-masuk/]

I would like to achieve something like this:

[http://wrkomoditi.com/wp-admin]

3. Is it possible to exclude the menu and header on the login page (exactly like wp-admin)?

Appreciate your help and thank you very much in advance.

Regards,

Faiz

[admin]

Hi, Something seems weird about that login page. Looks like the HTML on that page is broken so elements are going outside the boundary of the main page body area. You should probably do the following theme test:

https://support.tipsandtricks-hq.com/forums/topic/test-to-identy-a-conflicting-theme-or-plugin

Anyway, you can center the login form using the following tweak:

1) Grab this plugin:

https://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

2) Add the following custom CSS in there:

.wp_emember_loginForm{

margin-right: auto;

margin-left: auto;

}

The menu is something you control from the theme. So in your theme you will need to write a conditional option so it doesn’t show the nav menu on a certain page (in this case the login page). Your theme developer is the one who can help you with this.

[fareast]

Hi Admin,

Thank you.

It works now.

I’ve make some alteration on WP page template of the current WP themes, then add your suggested CSS code into “eMember_custom_style.css”.

Thanks a lot!!

Regards,

Faiz

[Author]

Posts