Login page 2 pictures

• 

  jojo013 · Member · Oct 4, 2009 at 12:05 pm

  • Copy link
  • Add topic to favorites

  Hello I have a problem with customizing my login page.
  I have two pictures on the login page:
  on the left: one picture,
  and in the middle: the logo picture
  Problem is: when I open the login page in another screen resolution these two pictures are too far away from each other
  and when I minimize the page they are on each other, so that you can´t see the logo.

  In the wp-login.php i have added “<div id=”picture”></div>

  an in the login.css (/wp-admin/css):

  #picture {

  position: fixed;
  overflow: hidden;
  margin-left: 16%;
  padding-bottom: 15px;
  display: block;
  clear: both;
  width: 250px;
  height: 20px;

  background: url(../images/hoorican2.jpg ) top center;
  }

  the part with the logo is:

  h1 a {

  background: url(../images/logo-login.jpg ) no-repeat top center;
  margin: 0 auto;
  width: 326px;
  height: 67px;
  text-indent: -9999px;
  overflow: hidden;
  padding-bottom: 2px;
  display: block;
  clear: both;

  }

  How can I make these two pictures to “stick” in the same distance of each other even when I open the site in another resolution?

  the url of the site is: http://fuckdas.com

  thank you for your help!

• 

  supportbot · Member · Oct 4, 2009 at 12:05 pm

  • Copy link

  You did not specify a blog address or reason for posting when you created this topic.

  This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you’ll find help at the WordPress.org forums.

  If you don’t understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

  If you forgot to include a link to your blog, you can reply and include it below. It’ll help people to answer your question.

  This is an automated message.

• 

  bluepen1004 · Member · Oct 18, 2009 at 5:55 pm

  • Copy link

  How Do You Even Do That?