Logo not displaying properly

Use the custom CSS to modify the h1 a width and height.

I’m also having problems with this. I used custom CSS, but my image looks squashed. Going nuts trying to figure this out.

#login h1 a {
width:228px;
height:146px;}

ok, got it. Had to add some extra CSS:

#login h1 a {
width:228px;
height:146px;
background-size: 228px 146px;
margin:0 auto;
display:block; }

Cool bronw3n.

Which CSS file did you add your changes to?

JG

I added it to the custom CSS in the plugin’s General Settings.

Thanks for the CSS code. Just what I needed to get the logo to show properly.

Thank you so much @bronw3n! I was having the same problem and your CSS fix worked beautifully.

@austin – Shouldn’t the logo have able to be adjusted in the regular settings like it has been in previous versions? This was not an easy fix to figure out.

I’ve got a fix coming out today. Look for a new ‘custom’ select option in the logo background size.

new version didnt seem to solve it for me v2.1.8

What settings are you using for the background size?

Ive tried the 3 you have listed
contain
flex
cover

then i also tried custom and tried using your example size
10px 15px or 55px 55px

Can you tell me the outcome or provide a screen shot/URL?

here is just easier have u look at my Login screen
currently i have it set to 10px 15px or 55px 55px

Hi Austin,

I didn’t notice an improvement. The logo appears, but as a box shape which is a fraction of the size it should be.

Maybe we’re not using the settings correctly? Maybe give an example of how it should look. I seem to remember that the logo had a default width and size requirement, so we didn’t have to set it at a custom size.

I pushed a new version that also adds width/height settings to fix the CSS for the new WordPress 3.8 login CSS.