Hello. Is there a way to get a button to open in a modal? I tried wrapping the button with an <a> tag that had the class of "pp" but that didn't work. I'm creating the button through the Nectar Shortcodes in a text box. Thanks!
I can't find the post anymore, but the gist is that you can't do it using the button shortcode. You have to create an html link through the text view and give it specifc classes that'll style it like one of the buttons. For example:
<a class="pp nectar-button large see-through" href="#">Button Text</a>
class: 'pp' This is what triggers the modal
class: 'nectar-button' This is what styles the link into a button
class: 'large' sets the size of the button. I chose 'large' but you can use, 'medium' or 'small' as well.
class: 'see-through' sets the style. I chose 'see-through' but you could also use, 'accent-color' - 'extra-color-1' - 'extra-color-2' or 'extra-color-3'
Be sure all your class are lowercase though. It won't work if you use Title Case.
Hello. Is there a way to get a button to open in a modal? I tried wrapping the button with an <a> tag that had the class of "pp" but that didn't work. I'm creating the button through the Nectar Shortcodes in a text box. Thanks!
Just noticed someone else had posted a very similar question and I found the answer there...
can you provide a link to the post? I'm looking to do the same thing
I can't find the post anymore, but the gist is that you can't do it using the button shortcode. You have to create an html link through the text view and give it specifc classes that'll style it like one of the buttons. For example:
<a class="pp nectar-button large see-through" href="#">Button Text</a>class: 'pp'
This is what triggers the modal
class: 'nectar-button'
This is what styles the link into a button
class: 'large'
sets the size of the button. I chose 'large' but you can use, 'medium' or 'small' as well.
class: 'see-through'
sets the style. I chose 'see-through' but you could also use, 'accent-color' - 'extra-color-1' - 'extra-color-2' or 'extra-color-3'
Be sure all your class are lowercase though. It won't work if you use Title Case.
Cheers.