Sign up button doesn't look like the one in the tutorial videos.

This sign up button looks a bit wrong.

It has the white part along the bottom of it. It would be better all filled in with blue.

Can I fix this?

  • Vaughan
    • Support/SLS MockingJay


    thanks for the post.

    there's a few ways you can fix this from looks of it.

    in your themes css

    either change height & line-height from the following.

    .post a.button {
        color: #000000;
        display: inline-block;
        font-size: 12px;
        font-weight: bold;
        height: 31px;
        line-height: 31px;
        margin: 0 10px 5px 0;
        text-decoration: none;

    or you can add repeat and height to the img.

    by adding

    .post {
        background: url("../img/blue/btn-blue.png") repeat scroll 1 0 transparent !important;

    this seems to fix it in firebug, might need some adjustments in your styles still thoiugh.

    hope this helps

  • Vaughan
    • Support/SLS MockingJay


    in your case, i'm unsure of your theme or how your theme operates.

    but according to firebug.

    those elements on your page are calling the CSS from the following file.


    can you try editing that file with the changes above?

    you might also find the following plugin useful. (it'll save you editing files)

    hope this helps


Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.