Solved Button & Menu Links in Popup Resized Window

Hi,

I am looking for the best way to have a URL open up in a new window that is resized when clicking on both a menu item and a slider module button.

With regular HTML, this is what I would look to do:

<a onClick="window.open('URL','resizable,scrollbars=1,height=800,width=425'); return false;" style="cursor: pointer; cursor: hand;">Click Here</a>

Any help or insight on how to accomplish this with a divi slider button and menu item would be greatly appreciated.

Thank you!

 

Update:

I found a workaround for the slider button. Instead of using the button built into the module, I created my own in the body of the module and styled it to match the 'standard' divi buttons.

I am still trying to figure out how to have a menu item open up a new window that is resized.

If anybody has any thoughts on how to do this, it would be a huge help!

 

Solved the menu, too!

A custom class was added in the menu tab: 'custom-menu'

Note: I had to enable CSS Classes on the menu page under 'screen options.'

This was added to the head:

<script>
jQuery(function ($)
{
$(document).ready(function () {
$( ".custom-menu a" ).click(function(){
window.open('URL');
return false;
});
});
});
</script>