Move subscribe button

[carolacat]

Hi,

I am working on this website http://socialmediasummit.ie/ it's genesis and the theme is erling by a thirdparty.

On the orange box on the home page I have a subscription box. I would like to move the submit button to the right so it's on the same line as the email field....

Does anyone know the code to do this please?

http://socialmediasummit.ie/

[Victor Font]

There are three things you need to change in CSS. You have to make the input field shorter, Display both elements inline and lower the button to align with the input field. Add the following to your style.css and it should do it. If it doesn't work right away, you probably have to add the !important qualifier to the css commands.

#mc_embed_signup .mc-field-group {
    width: 226px;
    display: inline-block;
}

#mc_embed_signup .clear {
    display: inline-block;
    position: relative;
    top: 19px;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[carolacat]

Hi Victor, I did that but nothing happened. yet.... I think I added the important qualifier too. Where does it go exactly?

thank you!

[Victor Font]

The code goes in style.css above the media queries. I just looked at your site again and the class names o the form are different from what they were the last time I looked. Was the form plugin updated? The first block above now has the class #mc_embed_signup input.email. The second set of rules remains the same.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Author]

Posts