I would like to have my MailChimp opt-in box to read horizontally instead of stacked as it is now. I have read the other posts on this topic and have tried to use quick CSS, but I don’t think they are tailored to my exact situation and they don’t work. http://www.interestyng.com
Hey Heather,
Please try the following in Quick CSS under Enfold->General Styling:
.av-mailchimp-widget p {
display: inline-block !important;
float: none !important;
margin-right: 10px;
}
Best regards,
Rikard
This didn’t work for me. Anything else I can try?
Hi,
Try using this css code:
#top .av-mailchimp-widget p.first_form {
float: left;
width: 32%;
margin-right: 2%;
}
#top .av-mailchimp-widget p.first_form:nth-child(3) {
margin-right: 0;
}
Hope this helps.
Best regards,
Nikko
That code worked for the footer widget, lol. That’s not what I wanted. I wanted the one at the top to change. Still not a success. I appreciate your help with this.
Hi,
Sorry for the late response and for the right code in the wrong form lol :D Try using this css code and add it to Quick CSS:
#top.home .avia-mailchimp-form p.first_form {
float: left;
width: 24%;
margin-right: 1.3333334%;
clear: none !important;
}
#top.home .avia-mailchimp-form p.first_form.av-last-visible-form-element {
margin-right: 0 !important;
}
Let us know if this helps. :)
Best regards,
Nikko
Hi Nikko! Thanks a bunch!!! This should be in the tutorials, works great!
Hi,
You’re welcome, glad we could help. Thanks for using Enfold :)
Best regards,
Nikko