Register button is there but it doesn't show (Membership)


I am installing Membership in a website and I have problems with the register buttons.

As you can see in the screenshot the button is not there, instead, there is a small grey line. When you click the small grey line, you go to the next step in the registration process, so I assume that the small grey line is the button as it works like it is.

Why is not looking like a button? Any idea?

Thanks in advance,


  • xeniaporcel
    • Design Lord, Child of Thor

    Hi @vaughan,

    I’ve deleted the Spanish translation and the button doesn’t show either. Here you have the URL:

    For the registration process of the different levels I am not using the “Register” page. Instead I have created 4 different pages with the shortcode for every subscription: [subscriptiondetails subscription=”2″]

    [subscriptionbutton subscription=”2″]

    I don’t know if this has any impact with the problem.



  • Vaughan
    • Support/SLS MockingJay


    sorry for the delay.

    i’m not so sure this issue is related to any of the subscriptions.

    as I say before, the text just seems to be missing completely.

    the button does actually work if clicked, it just isn’t showing any text.

    can you try testing this with the default 2012 theme & default language.

    the html source is viewed as

    <input class="alignright button blue" type="submit" name="register" value="Registrar mi cuenta »">

    the css shows as

    #membership-wrapper input[type="button"], #membership-wrapper input[type="reset"], #membership-wrapper input[type="submit"] {
    height: auto;
    width: auto;
    #membership-wrapper input, #membership-wrapper textarea {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    #membership-wrapper input, #membership-wrapper textarea, #membership-wrapper select {
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    margin-bottom: 10px;
    min-height: 20px;
    padding: 3px;

    i’m leaning on a translation issue, but i may be wrong.


  • Vaughan
    • Support/SLS MockingJay


    try this in your theme style.css

    #membership-wrapper input[type="button"], #membership-wrapper input[type="reset"], #membership-wrapper input[type="submit"] {
    font-size: 14px !important;

    it seems in your theme.

    you have this

    .alignleft, .alignright, .aligncenter, .alignnone {
    font-size: 0 !important;
    line-height: 0 !important;
    position: relative;

    which is overriding the button text.

    so either add a font-size to the CSS like i shown above. or find the CSS above in your style.css and remove font-size: 0 !important; & line-height from it.

    that should bring the button back.

    hope this helps.

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.