Make Mail Chimp Form Horizontal

Support
#22

reply was accidentally replaced by a response

#23

Hello There,

I do not see the given code in the page. Did you happen to remove it already?

Please keep in mind that the default padding is 0.563em 1.125em 0.813em.

Adjust it to 12 or less pixels will give your a more balance text around the button.

Hope this helps.

#24

Hi, Yes, I removed it because it didn’t work. I have tried to adjust the padding but I’m apparently not doing it correctly or in the correct place. Again, I have removed it because it didn’t work.

Showing me the inspector is above my skill level. Can you please just tell me what to put where in the customizer? Thank you.

#25

Hi there,

To move the alignment of the subscribe text in the button, you can add the changes in this block of code:

.tco-subscribe-form input[type="submit"] {
    margin-top: 0 !important;
    text-shadow: none;
    font-weight: bold;
    position: relative;
    top: -1px;
}

What you can do it to add a fixed height to the button to match the height of the textboxes then add a top padding to the CSS to adjust the alignment of the text. The code should then be:

.tco-subscribe-form input[type="submit"] {
    margin-top: 0 !important;
    text-shadow: none;
    font-weight: bold;
    position: relative;
    top: -1px;
    height: 49.69px;
    padding-top: 13px;
}

Feel free to adjust the values in this lines:

height: 49.69px;
padding-top: 13px;

Hope this helps.

#26

Hurray! We have success! Thank you for all who helped me through this long thread. I really appreciate it!

1 Like
#27