Docs

[canismundi]

Hi,
I want to make a call to action, and i want to ask you, if this is possible:

To change the class button of the calltoaction and prompt shortcodes.
I’ve used the class atributes in other buttons, just using class=”name of the convertplug modal pop up”
But when i tried to use something like this shortcodes,
[callout type="right" title="Engaging Title Here" message="Add in your content here. Make sure that it is something super duper awesome to get people to click on the button below!" button_text="Click Me!" href="#example"]
For example, the target of the button is in href=”” but is it possible to change the button class in this shortcodes that use button?
Sorry about the explanation 😉

[Rue Nel]

Hello There,

Thanks for writing in! To resolve your issue, please do the following (this is simplier when using Cornerstone):
#1] Please add an ID to your callout shortcode. You can easily do this when using Cornerstone. Simply find the ID field like this (http://prntscr.com/e1nz7g) or use this shortcode:

[callout id="mycallout" type="right" title="Engaging Title Here" message="Add in your content here. Make sure that it is something super duper awesome to get people to click on the button below!" button_text="Click Me!" href="#example"]

#2] Go to the settings tab, Settings > Custom JS and insert the following custom js code

(function($){
  $('#my-callout .x-btn').addClass('name of the convertplug modal pop up');
})(jQuery);

Please make sure that you have added the modal name with no empty space.

Hope this helps.

[canismundi]

First of all, your customer assistant is amazing guys!

It is a good solution to solve that in a unique page. But I need to do it out of cornerstone.
The objetive is implement different modals inside the posts, and just changing the modal, all posts are affected. So if it is possible, to make this but in the functions page.
Is the same code?
Or do yo know another better solution?

[Rupok]

Hi there,

Thanks for writing back. You can use the shortcode out of Cornerstone as well. And to apply the code globally, you can use Customize > Custom > CSS/JS instead of page level CSS.

Cheers!

[canismundi]

It works fine. Thanks!!!

[Rupok]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts