CSS Block – Visual Composer - by khoavo

This topic has 4 replies, 2 voices, and was last updated 9 years, 5 months ago ago by Robert Hall

  • Avatar: khoavo
    khoavo
    Participant
    June 29, 2016 at 17:48

    Hi there,

    Referencing back to your previously closed ticket #129855 (June 16, 2016 @ 8:41am), I was testing out the MailChimp layout where you had inserted a Custom CSS in the VC Block on my “HOME” page. The Custom CSS was to align the E-mail Input field & the Send button to match your demo example.

    But now my Client wants to use Contact Form 7 instead of MailChimp. If you could please provide me the revised Custom CSS so that the E-mail Input Field and the Send button aligns just like from the MailChimp layout, on the same row when view on PC and in 2 rows in responsive mode.

    WP Admin Login is in Private Box. Thanks.

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Robert Hall
    Robert Hall
    Participant
    June 29, 2016 at 18:02

    Hello,

    I’ve added this CSS code in Page Settings. Please check it.

    .wpcf7-email{
        float: left;
        width: 75%;
    }
    @media (max-width: 480px){
        .wpcf7-email {
        width: 100%;
     }
    } 
    

    Regards,
    Robert Hall

    Avatar: khoavo
    khoavo
    Participant
    June 29, 2016 at 19:20

    You guys are the best! Thank you.

    Avatar: Robert Hall
    Robert Hall
    Participant
    June 29, 2016 at 19:49

    Hello,

    You’re welcome!

    Regards,
    Robert Hall

  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘CSS Block – Visual Composer’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.