Plugin Contributor
Libin
(@libinvbabu)
Please refer to this answer and let me know if you need any other help.
Thank you, I think I need more help.
I added the width & height properties exactly where you said in the post linked above.
My logo size is about 700×250, png with transparency which should show on a black background.
After adding the width & height property, and uploading the logo
1. The size looks unchanged
2. The logo is not centered anymore
3. Even though my dimensions are in proportion, the logo on the login page looks as if it is vertically squashed.
4. The only thing that happened is the login form went down vertically on the screen
Am I better off uploading the Logo as a Background Image???
I resolved most issues except for that I am not able to center my logo, I thought that the margin 0 auto would center it but something seems to be pushing the logo to the right of the screen.
Plugin Contributor
Libin
(@libinvbabu)
Can you give me a link to your site so that I can check it directly.
i uploaded the image.png using the bg image tag shown below,
the full link is not shown but it does get uploaded.
the image is perfectly centered in .png format, but shifts to
the right when uploaded as shown below.
heres the code.
body.login div#login h1 a
{background-image: url(image.png);
background-size: 413px 150px;
width: 413px;
height: 150px;
padding-bottom: 20px;
margin-left: 0px;
margin-right: auto;}
body.login #login
{width:<?php echo $er_login_width ?>px;
padding: ;}
figured it out, just so you know as well…
if the logo is wider than the login form, it will not center with the login form. It centers as soon as it is around the same size or smaller.
