Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #495127

    Hi,

    I’ve used the “playing with columns” code for the Mailchimp integration but I can’t quite get it into the style I’m after.

    – how do I get the button to sit properly when I remove the labels? It seems to have a spacer above it to even out the fact that it doesn’t have a label. If I use the same class as the other <p> elements, the button doesn’t take up the full width.

    – how do I get two columns? I’ve removed the “name” <p> and changed the “third” to “half” but then the button sits underneath the email box.

    – how do I change the colour of the button?

    http://www.connollystapasbar.co.uk

    Cheers!

    Alex

    #495638

    Hi Alex,

    The signup form looks fine on my end, did you get it fixed? If not then please send us a screenshot of what you are trying to achieve. We might need access to the backend as well, you can post the details in the Private Content section of your reply.

    Thanks,
    Rikard

    #495765

    Hi,

    It does look fine at the minute because I’ve left it as per the instructions. But I’m trying to remove the labels, remove the Name box and change the colour of the button.

    #496215

    Hi,

    I see, please try the following in Quick CSS:

    .form_element_third label {
    display:none !important;
    }
    
    #mc4wp-form-1 input[type='submit'] {
    background-color: green !important;
    }

    Thanks,
    Rikard

    #496900

    Yep, that gets rid of the labels (which you can do in the form design anyway), but as I said, the spacing is wrong then – have a look at the site at the moment and you’ll see that the Submit button sits lower than everything else.

    It also doesn’t solve the two column issue.

    #497486

    Hi,

    Please try the following as well:

    .form_element_third .button {
        position: absolute;
        top: 0px;
    }

    Not sure what you mean by two columns though? How would you like it to look?

    Thanks,
    Rikard

    • This reply was modified 8 years, 7 months ago by Rikard.
    #498610

    Great, that worked nicely, thanks.

    Ignore the two column thing, I’ll stick with three for simplicity.

    The only thing left is the colour. If I use the code above to change the background colour I lose the rollover effect. Any way to keep that?

    #499002

    Hi,

    Ok, not sure why. Could you try if this works better maybe?

    .main_color input[type='submit']:hover {
        background-color: yellow !important;
    }

    Regards,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.