Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 28, 2015 at 11:06 pm #495127
    alanboyle5355

    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

    August 31, 2015 at 8:37 am #495638
    Rikard

    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

    August 31, 2015 at 1:42 pm #495765
    alanboyle5355

    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.

    September 1, 2015 at 5:48 am #496215
    Rikard

    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

    September 2, 2015 at 8:47 am #496900
    alanboyle5355

    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.

    September 3, 2015 at 6:08 am #497486
    Rikard

    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 9 years, 2 months ago by Rikard.
    September 4, 2015 at 9:15 pm #498610
    alanboyle5355

    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?

    September 7, 2015 at 4:38 am #499002
    Rikard

    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

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