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

This sign up button http://www.kluanecorp.ca/register/ 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

    hiya

    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 a.button.blue {
        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

    hiya

    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.

    /wp-content/themes/machtastic/_assets/css/blue.css

    can you try editing that file with the changes above?

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

    http://wordpress.org/plugins/my-custom-css/

    hope this helps

    thanks.

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.