Use Action Button with ID Selector or CSS Class

RockstarChamp · October 2018

I would like to use the Action Button to popup a modal box using an ID selector or CSS Class.

<a id="myid" href="#">Click Me </a>

class="myclass" data-name="link1"

Pablo · October 2018

Hi,

Please use our code to make it, paste it into Column item.

[button title="Button" link="#you-custom-id" target="_blank" class="" download="" rel="lightbox" onclick=""]
<div id="you-custom-id" style="display:none">CONTENT HERE</div>

Thanks

RockstarChamp · October 2018

Pablo, thank you for the response. My fault that I didn't give you enough information, sorry about that. I was utilizing your Action Button options under Extra under Header & Subheader. I didn't understand your reference to Column Item, I assume you mean while editing a page?

This is the plugin I am trying to use with your Action Button to fire off a popup. You can see the options it has for launching with CSS Class or Custom Selector.

https://www.convertplug.com/plus/docs/use-custom-selector-id-or-class-to-trigger-popup/

https://www.convertplug.com/plus/docs/two-step-modal-using-css-class/

Pablo · October 2018

"Action button" can be opened in a new window only and this can be set under Theme options > Header & Subheader > Extras section.

I cannot provide the support for plugins other than the ones we support.
You can find the list on this page, in the sidebar: https://themeforest.net/item/betheme-responsive-multipurpose-wordpress-theme/7758048

The only way to make a pop-up button is using this code I sent you before.
If you would like to see an Action Bar pop-up extension, please send your suggestion here:
https://forum.muffingroup.com/betheme/discussion/113/your-suggestions-for-future-updates#latest

We really appreciate all of your ideas.
Thanks.

RockstarChamp · October 2018

Pablo,

Let me help you out since you aren't sure. This should help others that can't get an answer. It worked perfectly for me.

Add this to your child theme functions.php

/* ---------------------------------------------------------------------------

* Load Popup Modal

* --------------------------------------------------------------------------- */

function add_last_nav_item($items) {

return $items .= '<li id="menu-item-121" class="menu-item menu-item-type-gs_sim menu-item-object-gs_sim"><div class="top_bar_right_wrapper ((Put Your Custom Class Here))"><a href="#put_selector_here" class="action_button">Button Title</a></div></li>';

}

add_filter('wp_nav_menu_items','add_last_nav_item');

Pablo · October 2018

I'm glad you solved it.

Is there anything else I can help you with?

Cheers

Use Action Button with ID Selector or CSS Class

Comments

This website uses cookies