Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #983350
    King J
    Participant

    Hey Guys,

    I am trying to customize my mail chimp email form to look like my design. I am not that experienced with inline css. Everything is a work in progress.

    Thanks

    #983352
    King J
    Participant
    This reply has been marked as private.
    #983493
    King J
    Participant

    Hey Guys,

    I am using the typekit plugin to get the desired font but do not want this particular font all over my site, just in the email sign up form. How is this possible?

    Thanks.

    #983588
    King J
    Participant

    Hey Guys,

    1)I am still having font issues attempting to add the font with typekit.

    2) I have tried several codes to make the contact form inline instead of stacked. Nothing has worked. Looking for some answers.

    Thanks.

    #983626
    Paul R
    Moderator

    Hi,

    You can add this under Custom > Edit Global CSS in the Customizer.

    For #1

    
    .x-subscribe-form-221 h1,
    .x-subscribe-form-221 input {
           font-family: "Raleway",sans-serif;
    }
    

    Change “Raleway”,sans-serif with the font that you like.

    For #2

    
    .x-subscribe-form-221 .x-subscribe-form fieldset {
        width: 45%;
        float: left;
    }
    

    Hope that helps

    #983813
    King J
    Participant

    Hey,

    Neither code worked. I will try a few more things on my end.

    I am running the latest version of Integrity with Visual Composer.

    Thanks.

    #984008
    Christopher
    Moderator

    Hi there,

    Please update your code to :

    #x-subscribe-form-221 fieldset:first-of-type {
        width: 65%;
        float: left;
        margin-right: 1%;
    }
    input#x_subscribe_form_email {
        height: 3.2em;
    }
    #x-subscribe-form-221 h1,
    #x-subscribe-form-221 input {
           font-family: "Raleway",sans-serif;
    }

    Hope it helps.

    #985242
    King J
    Participant
    This reply has been marked as private.
    #985253
    King J
    Participant

    Hey,

    Modified your code to width 50% instead of 65%. That seemed to do the trick. Looking to make the interior email box white instead of grey and align the form with the text above it.

    Thanks.

    #985450
    Christopher
    Moderator

    Hi there,

    Seems like you’ve already achieved it, do you confirm that?
    See the attachment.

    Thanks.

    #987034
    King J
    Participant

    Hey Guys,

    Yes. I finally achieved the look.

    Thanks.

    #987075
    Prasant Rai
    Moderator

    You are most welcome. 🙂

  • <script> jQuery(function($){ $("#no-reply-983350 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>