-
AuthorPosts
-
February 7, 2017 at 6:08 am #743678
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
February 8, 2017 at 4:29 am #744169Hey 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,
RikardFebruary 24, 2017 at 6:20 am #751263This didn’t work for me. Anything else I can try?
February 28, 2017 at 11:22 pm #753321Hi,
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,
NikkoMarch 2, 2017 at 5:12 pm #754425That 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.
March 7, 2017 at 10:04 pm #757283Hi,
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,
NikkoJuly 30, 2017 at 8:35 pm #831896Hi Nikko! Thanks a bunch!!! This should be in the tutorials, works great!
August 1, 2017 at 9:12 pm #833069Hi,
You’re welcome, glad we could help. Thanks for using Enfold :)
Best regards,
Nikko -
AuthorPosts
- You must be logged in to reply to this topic.
