Custom code & Short codes doesn't work.

Hey Ashish,

How are you doing today?

Shortcodes do work in popup content. However, there is a bug in the current version of the plugin which prevents them from being properly displayed when using Preview option from admin rather then checking the popup on the front end. For that problem I’ve already provided a solution in the thread here https://www.ads-software.com/support/topic/mailpoet-shortcode?replies=6#post-7587456.

If that’s not the case please let me know which shortcodes are you trying to use so I can try to test this on my sandbox site.

Please let me know ??

Cheers,
Bojan

Reply

Hi Bojan,

I am well, Thanks for asking.

Yes, Shortcodes are working fine. Sincere apologies to bother you !

Have a good day

Regards
Ashish

Hi Bojan,

Apart of above I am adding custom code which doesn’t work. Actually I am trying to add an Additional button for “Call to action”
to redirect user to registration page.

Referring to Screen capture.jpg here.How can I add additional button here next to “Login” button.

I used below code to add button
HTML
<a href='#' class='button'>Register</a>;

custom CSS

#popup .button {
   border: 0px solid #0a3c59;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   padding: 15px 30px;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border-radius: 30px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #06426c;
   font-size: 17px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   }
#popup .button:hover {
   border: 0px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   color: #fff;
   }
#popup .button:active {
   text-shadow: #1e4158 0 1px 0;
   border: 0px solid #0a3c59;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
   color: #fff;
   }

Didn’t work ??
Please assist.Have a good day

Regards
Ashish

Hey again Ashish,

This is not the problem with the CSS but rather with how the HTML is being rendered, if you check the screenshot you’ll see that the link tag “a” is being replaced with some character so the HTML doesn’t work properly.

I’ve tested this on my sandbox site using the same HTML and everything worked properly, see screenshot https://screencast.com/t/FrHLm2tI.

It’s possibly that some of the plugins or your theme is causing this so you might want to try testing for conflicts, to do that please try using default WordPress theme like Twenty Fifteen and deactivating all other plugins as displayed in the following flowchart to know which theme/plugin is conflicting if any.

https://premium.wpmudev.org/wp-content/uploads/2013/12/Support-Process-Support-Process.png

Please let me know if you find anything ??

Cheers,
Bojan

Hi Bojan,

I am happy with the resolution. I guess I have conflict with the theme which I am using.

Well I am really impressed & happy with your great support.

Thank you, Have a great time ??

Cheers,
Ashish

Hey Ashish,

Glad I could help ??

Have a great day!

Cheers,
Bojan