• Home
  • About
    • Sitemap
My Webmaster Tips

Tips on various webmaster programming and SEO.

  • Design
  • SEO
  • Software
  • Code

Sep
26

How to make logo centered with Register Plus WordPress plugin

Wordpress Logo.I love the WordPress Register Plus plugin programmed by Skullbit, the only issue I have with the plugin though is that my uploaded logo isn’t completely centered on the log in and register page (wp-login). So I decided to dig into the code and find out what the issue was.

It is a very simple css goof up. Basically, any time you are dealing with block elements in css, you need to know that they take up the full length available to them. With the Register Plus plugin the author, which I’m very impressed with the work this web developer has  done, attempted to aligned the h1 element using the css command:

background-position:center top;

When instead, you can simply center the h1 block element by removing that command and adding this one:

margin-left:auto;
margin-right:auto;

Let me show you how you can fix this bug from the comfort of your WordPress back office.

Once you are logged into WordPress, go to Plugins, then click on Editor. Find the Register Plus plugin from the select drop down. The first php file should be already selected (register-plus/register-plus.php) Now scroll down towards the bottom, this  is a pretty lengthy file, search for this code:

<style type="text/css">
#login h1 a {
background-image: url(<?php echo $regplus['logo'];?>);
background-position:center top;
width: <?php echo $width; ?>px;
min-width:292px;
height: <?php echo $height; ?>px;
}

Now replace:

background-position:center top;

with

margin-left:auto;
margin-right:auto;

Update the file, then log out. You should now see your image logo nicely centered above the log in page.

Unless the plugin developer fixes this bug in the next update, you’ll have to manually update this every time there is an update with the plugin.

Related Posts:

  • How to fix WP Greet Box width on certain blogs
  • How to increase the spacing on the Sociable WordPress plugin
  • How to align Chikita ads better on your WordPress blog
  • How to fix Ping.fm WordPress plugin if it doesn’t add triggers
  • Fix header css in Blue Grace WP theme to display correctly in Safari and Chrome

Tags: Block Elements, Centered, Code, CSS, H1, Logo, Plugin Developer, Register Plus, Skullbit, Wordpress Plugin

Posted by mywebmastertips CSS, Wordpress Subscribe to RSS feed



8 Comments to “How to make logo centered with Register Plus WordPress plugin”

  1. Greg says:
    September 28, 2009 at 11:54 pm

    I forgot to mention that this plugin is the one that adds more functionality to your member sign ups. It’s really a very useful plugin to take advantage of.

    [Reply]

  2. randy says:
    May 24, 2010 at 10:24 am

    Hi,

    I am trying to style the fields in register plus. Maybe you can point me in the right direction?

    I added some fields to the register form and everything works great except that the actual form fields don’t line up with the user name and email form that is standard. I only need to get the field to stop jumping down to the next line under the label and then make it the same size as the top two fields. I have tried in the register-plus settings. The bottom mentioned css but I have had no change so far.

    Any help appreciated.

    [Reply]

    mywebmastertips Reply:
    May 28th, 2010 at 10:27 pm

    Don’t use register plus, it is way outdated and makes it so people can’t register on your WordPress blog. Just deactivate it, sorry.

    [Reply]

  3. imran14826 says:
    June 30, 2010 at 3:39 am

    I added some fields to the register form and everything works great except that the actual form fields don’t line up with the user name and email form that is standard. I only need to get the field to stop jumping down to the next line under the label and then make it the same size as the top two fields. I have tried in the register-plus settings. The bottom mentioned css but I have had no change so far.

    Imran14826

    [Reply]

  4. Tv Serials says:
    March 27, 2011 at 10:59 pm

    I added some fields to the register form and everything works great except that the actual form fields don’t line up with the user name and email form that is standard. I only need to get the field to stop jumping down to the next line under the label and then make it the same size as the top two fields. I have tried in the register-plus settings. The bottom mentioned css but I have had no change so far.

    [Reply]

    mywebmastertips Reply:
    April 4th, 2011 at 6:57 pm

    Yeah, don’t user the Register Plus program, it doesn’t seem to be up to date with the latest versions of WordPress.

    [Reply]

  5. Serial Chaska says:
    May 19, 2011 at 11:23 am

    Very Good Plugin Thnkx For Sharing

    [Reply]

  6. Desi Tv Tube says:
    June 4, 2011 at 4:08 am

    Great Post Thankx For Sharing

    [Reply]

Leave a Reply

Click here to cancel reply.

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Click to cancel reply


Categories

  • Code
    • CSS
    • HTML
    • JavaScript
    • MySQL
    • PHP
  • Design
    • Browsers
  • SEO
    • Advertising
  • Software
    • Getresponse
    • Post Affiliate Pro
    • Simple Machines Forum
    • Wordpress

Popular Posts

  • How to fix Ping.fm WordPress plugin if it doesn’t add triggers 13 comment(s)
  • Examples on how to follow new FTC guidelines for bloggers 10 comment(s)
  • The importance of making your WordPress author comment urls open in a new window and the code to make it happen 9 comment(s)
  • How to remove – index from SMF Forum home page title 5 comment(s)
  • CSS versus HTML tables for page layouts 5 comment(s)



RSS | Sitemap | Disclosures
Facebook Facebook Twitter Twitter Youtube Youtube LinkedIn LinkedIn Myspace Myspace More More
grab this
Copyright © 2012 My Webmaster Tips All rights reserved. Blue Grace theme by Vladimir Prelovac.