This needs to have a wordress plugin jQuery Colorbox.
Steps:
- Add your html content in your page.
- Add your JavaScript in the genesis themes setting if you’re using genesis framework.
- Make sure to add cboxElement class in your button.
- Wrap your target in a division with a style of display none.
HTML
[html]
<div >
<a href = "#target" class = "button cboxElement" >Button</a>
</div>
<div style = "display:none;" >
<div id = "target" >
<h1>Sample Content for pop up</h1>
</div><!– end book_test_content –>
<div>
[/html]
JAVASCRIPT
[javascript]
jQuery(document).ready(function($){
jQuery(".button").colorbox({inline:true, width:"500px",opacity:".4",top:"10%",left:"30%"});
});
[/javascript]
For further explanation Click here