Jump to content

Search the Community

Showing results for tags 'mailchimp'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL








Found 4 results

  1. Hi there, I am not usually a coder, but I have a Wordpress site with a Mailchimp form that I have been customizing. I want the Submit button to zoom on hover. I've looked at examples of this on the web, but have been unsuccessful in making it work. I have a CSS plugin in which I have entered the following code. So far, it all works. Can anyone tell me how to add the zoom on hover code? /* Add a Border Around the Form*/ #mc_embed_signup { border-color: #000000; border-width: 1px; border-style: solid; } /* Add Padding Around the Mailchimp Form*/ #mc_embed_signup { padding: 20px; } /* Customize the Header*/ #mc_embed_signup h2 { font-size: 24px; text-transform: uppercase; margin-bottom: 30px; color: #000000; text-align: center; } /* Customize the Subscribe Button*/ #mc_embed_signup .subscribe-button { background-color: #0EAD69; padding: 12px 50px; border-radius: 50px; border-color: #738DFF; color: #ffffff; font-size: 16px; display: block; margin-right: auto; margin-left: auto; } /* Change Colour of Subscribe Button on Hover*/ #mc_embed_signup .subscribe-button:hover { background-color: #738DFF; color: #ffffff; display: inline-block; display: block; margin-right: auto; margin-left: auto; } #mc_embed_signup .required-email { color: #A8A3A2; font-style: italic; background-color: #fff; border-color: #000000; } #mc_embed_signup .first-name { color : #A8A3A2; font-style: italic; background-color: #fff; border-color: #000000; margin-bottom: 10px; }
  2. Hello Community! Here’s a conundrum… I have two elements that I need on a page that just won’t play nice with each other: a mega-menu (required for the main site navigation) and a simple mailchimp signup form (in the footer). See them both on this page here: https://cms.ucd.ie/geary2020/research/ The problem is that the mailchimp form (in the footer) won’t accept submissions unless the following line is removed: <script>var plugin_path = '/t4cms/';</script> This code is however is needed by the mega-menu, so I have to keep it there. If I remove the above line - then the Mailchimp form will accept submissions BUT the mega-menu is broken! I have tried reordering the sequence of the .js files - that didn’t work. Also, I have downloaded and stored locally the mailchimp js file: mc-validate-geary.js - so I can make any suggested edits directly in this file. I suspect the solution will be found by editing this file. Any advice much appreciated!
  3. I am currently building a wordpress site for a friend and have downloaded a responsive theme that he likes and that seems easy (for the most part) to work with. However, I need to make a fairly big change and have little idea of how to do it (I know the basic html and css, but not much more). The website in question is dev.rjthompsonmusic.com If you look at that site, you'll see that there is a search box in the header next to the social icons. The search box is responsive and jumps to the very top of the page when you view it on a mobile / shrink the screen down. I want to replace this search bar with a Mailchimp email subscribe box, **whilst retaining the minimalist look and responsive design of it**. How would I go about doing this correctly? Basically I just want to change the search box into a field where you can enter your email address and and press enter to subscribe... exactly the same as it currently looks, but with the different functionality. Here's the header.php file (I don't know if this controls the mobile layout as well though): <!DOCTYPE html> <!--[if lt IE 7 ]> <html class="no-js ie ie6" <?php language_attributes(); ?>> <![endif]--> <!--[if IE 7 ]> <html class="no-js ie ie7" <?php language_attributes(); ?>> <![endif]--> <!--[if IE 8 ]> <html class="no-js ie ie8" <?php language_attributes(); ?>> <![endif]--> <!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" <?php language_attributes(); ?>> <!--<![endif]--> <head> <meta charset="<?php bloginfo('charset'); ?>"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title><?php wp_title(''); ?></title> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>"> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>"> <script>document.documentElement.className = document.documentElement.className.replace("no-js","js");</script> <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic|Fjalla+One' rel='stylesheet' type='text/css'> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <script src="<?php echo get_template_directory_uri(); ?>/js/ie/selectivizr.js"></script> <![endif]--> <?php wp_head(); ?> </head> <body <?php body_class(); ?>> <?php echo wpb_page_background_image(); ?> <div class="body-wrapper"> <header id="header"> <?php if ( wpb_option('header-widget-ads') ): ?> <div class="ads-header group"> <div class="container"> <div class="grid one-full"> <ul><?php dynamic_sidebar('widget-ads-header'); ?></ul> </div> </div> </div><!--/.ads-header--> <?php endif; ?> <?php if ( has_nav_menu( 'header' ) ): ?> <nav class="nav-container group" id="nav-header"> <div class="nav-toggle" id="nav-header-toggle"><i class="icon-reorder"></i></div> <div class="nav-wrap"> <?php wp_nav_menu( array('theme_location'=>'header','menu_class'=>'nav container group','container'=>'','menu_id'=>'','fallback_cb'=>FALSE) ); ?> </div> </nav><!--/#nav-header--> <?php endif; ?> <div class="container"> <div class="pad group"> <?php echo wpb_site_name(); ?> <?php echo wpb_site_desc(); ?> <?php if ( !wpb_option('disable-header-search') ): ?> <div id="header-search" class="group"><?php get_search_form(); ?></div> <?php endif; ?> <?php if ( !wpb_option('disable-header-social') ): ?> <?php echo wpb_social_media_links(array('id'=>'header-social','class'=>'social-module')); ?> <?php endif; ?> </div> <?php if ( is_home() || is_single() || is_archive() ) get_template_part('partials/newsflash'); ?> <?php if ( has_nav_menu( 'subheader' ) ): ?> <nav class="nav-container group" id="nav-subheader"> <div class="nav-toggle" id="nav-subheader-toggle"><i class="icon-reorder"></i></div> <div class="nav-wrap"> <?php wp_nav_menu( array('theme_location'=>'subheader','menu_class'=>'nav container group','container'=>'','menu_id'=>'','fallback_cb'=>FALSE) ); ?> </div> </nav><!--/#nav-subheader--> <?php endif; ?> </div><!--/.container--> </header><!--/#header--> <div id="page"> <div class="container"> <div class="container-inner"> ....and here is the Mailchimp generated form code (including labels, which I don't want... I just want the functionality of the form whilst keeping the look of the search box): <!-- Begin MailChimp Signup Form --> <link href="http://cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css"> <style type="text/css"> #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; } /* Add your own MailChimp form style overrides in your site stylesheet or in this style block. We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */ </style> <div id="mc_embed_signup"> <form action="http://rjthompsonmusic.us4.list-manage.com/subscribe/post?u=86729b354d1a75a35e8fd9771&id=bd9f282fc3" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> <label for="mce-EMAIL">Subscribe to our mailing list</label> <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required> <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div> </form> </div> <!--End mc_embed_signup--> Remember, I literally just want the email field with some text asking people to enter their email address and press enter. Any help would be amazing. Thanks so much in advance. HT
  4. I am trying to center this Mailchimp form: newyorkevents.co/signupYou have to edit it via CSS because of the Mailchimp settings. I've been going nuts trying to figure this out. Please help!
  • Create New...