Docs

[JurgaR]

Hi, I’ve noticed that the title of Mailchimp forms has H1 tag assigned to it. I’ve just added subscription forms to each of my posts and multiple H1 tags is a big problem. Is there a way to change this – i.e. keep the Mailchimp form title, but change it to H4 or H5.

A second question. Is it possible to add more text to the Mailchimp forms – it would look something like this: TITLE, under it some text, and then name and e-mail fields.

Thanks a lot.
Best regards, Jurga

Full Suitcase Travel Blog

[Paul R]

Hi Jurga,

Thanks for writing in!

You can change h1 by editing directly the file shortcode-x-subscribe.php located in
wp-content/plugins/x-email-mailchimp/email-integration/views/site

The h1 title tag is located at line number 129.
You can also add your additional text under it.

Just note that this changes will get overwritten on plugin update.

I will forward this concern to our web development team for review.

[JurgaR]

Hi there, thanks. I have a child theme installed. Can I make these changes using the child theme, so that it doesn’t get overwritten? If so, how?

Also, if I add any text as you suggest, it will probably appear on all Mailchimp forms throughout my site. Is it possible to do this per form?

Thank again.
Best regards, Jurga

[Lely]

Hello Jurga,

We can change it on the fly using javascript. Try adding this code on Appearance > Customize > Custom > Edit Global Javascript:

jQuery ( function( $ ) {
 
  $( "#x-subscribe-form-1808 > h1" ).replaceWith( "<h4>DON'T MISS OUR TRAVEL TIPS AND UPDATES</h4>" );

});

Hope this helps.

[JurgaR]

Thanks, that worked. But the title lost all the formatting – the colour for example. Also, there is extra padding space visible… Is there a way to change this while keeping the formatting?
Thanks a lot for your help!

[Darshana]

Hi there,

Please replace the above JavaScript code with the following.

jQuery ( function( $ ) {
  $( '#x-subscribe-form-1808 > h1' ).replaceWith( '<h4 class="mtn" style="color:#fff;">DO NOT MISS OUR TRAVEL TIPS AND UPDATES</h4>' );
});

Hope that helps.

[JurgaR]

Thanks, but this doesn’t work. The formatting is correct, but the inspector shows that the title still is h1 and not h4… Actually, this second code doesn’t do anything – I’m seeing the form the way it is. I know this because if I change the text, it doesn’t change in the form.
Thanks for trying with me!

[Darshana]

Hi there,

Did you remove the earlier code and add the next one? Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[JurgaR]

I found what the problem was. I was using a quote sign – don’t instead of do not and therefore the code didn’t work. I removed the quotes and it works now. Thanks a lot for your help, guys! Appreciated!

[Nabeel A]

Glad we could help.

Cheers!

[Author]

Posts