Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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

    #744169

    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

    #751263

    This didn’t work for me. Anything else I can try?

    #753321

    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

    #754425

    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.

    #757283

    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

    #831896

    Hi Nikko! Thanks a bunch!!! This should be in the tutorials, works great!

    #833069

    Hi,

    You’re welcome, glad we could help. Thanks for using Enfold :)

    Best regards,
    Nikko

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