Viewing 15 replies - 1 through 15 (of 16 total)
  • Thread Starter estudiocrece

    (@estudiocrece)

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Hi @estudiocrece,

    Can you send me the URL of the page where your form is? I can try to add some styles to achieve that.

    And to be clear, you want the email address field to fill ~50% of the screen with the text sitting next to it, filling in roughly ~33%, correct?

    Thread Starter estudiocrece

    (@estudiocrece)

    yes, the URL is: http://www.grupo-crece.com

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Hi @estudiocrece,

    Try this CSS:

    .yikes-mailchimp-form-description.yikes-mailchimp-form-description-1 {
        display: inline-block;
        float: left;
        width: 30%;
        margin-top: 20px;
    }
    
    .yikes-easy-mc-form.yikes-easy-mc-form-1 {
        width: 65% !important;
        float: right;
        margin-bottom: 20px;
    }

    Let me know,
    Kevin.

    Thread Starter estudiocrece

    (@estudiocrece)

    Thanks, i’ll try it out in a bit and let you know

    Thread Starter estudiocrece

    (@estudiocrece)

    Thanks, it worked!

    Any chance on adding the icon on the button?

    Plugin Contributor Tracy Levesque

    (@liljimmi)

    πŸ³οΈβ€πŸŒˆ YIKES, Inc. Co-Owner

    Awesome.

    We’re so glad that worked. Do you have an icon font installed in your site?

    -Tracy

    Thread Starter estudiocrece

    (@estudiocrece)

    Does font awesome have an icon font?

    Plugin Contributor Tracy Levesque

    (@liljimmi)

    πŸ³οΈβ€πŸŒˆ YIKES, Inc. Co-Owner

    Font Awesome is an icon font. Do you have that up and running in your site theme?

    Thanks,
    -Tracy

    Thread Starter estudiocrece

    (@estudiocrece)

    Yes, I do have it installed.

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Hi @estudiocrece,

    To add an icon to the submit button you’ll need to use a custom filter function. Here is the code – replace the fa-address-book with your icon’s class.

    Are you familiar with adding filter functions to your website?

    add_filter( 'yikes-mailchimp-form-submit-button-text', 'yikes_mailchimp_add_icon_to_submit_button', 10, 2 );
    
    function yikes_mailchimp_add_icon_to_submit_button( $submit_button_text, $form_id ) {
    	return '<i class="fa fa-address-book" aria-hidden="true"></i>' . $submit_button_text;
    }

    Let me know,
    Kevin.

    Thread Starter estudiocrece

    (@estudiocrece)

    How would I add this?

    Thread Starter estudiocrece

    (@estudiocrece)

    Nevermind the icon.

    Is there a way to do this?

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    To move the header down use this CSS:

    .yikes-mailchimp-form-title.yikes-mailchimp-form-title-1 {
        margin-bottom: 0;
    }

    To add a filter function you have a few options:

    • You can just add it to your functions.php file
    • You can make a child theme and add the code to your child theme’s functions.php file
    • You can use a plugin like My Custom Functions to add the code from your WP Dashboard
    • This reply was modified 8 years, 9 months ago by yikesitskevin.
    Thread Starter estudiocrece

    (@estudiocrece)

    Thank you, i’ll try it out right now

Viewing 15 replies - 1 through 15 (of 16 total)

The topic ‘Title, description, form, submit 1 line’ is closed to new replies.