Hi my friend, abhishek doshi
Really happy to guide you with this design. Please follow the instruction below
1.Fistly, you re-activate bootstraps of Ig page builder
View post on imgur.com
2.And then you go to Ajax Bootmodal login Setting and click on the first second tickboxes.
View post on imgur.com
Please remember to save right after you have done!
3. You open the file wp-content/themes/twentyfourteen/header.php
4. Add the new <div class=”gao2811″></div> after the <body> like the pictures below
https://i.imgur.com/4JNs8LV.png
5. You access the file: footer.php located at
wp-content/themes/twentyfourteen/footer.php
6.Finally, add the following codes right after the element:”<?php wp_footer(); ?>“
<script src=”//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js”></script>
<script>
$(document).ready(function(){
$(“.btn-block”).click(function(){
$(“.gao2811”).addClass(“gao”)
});
$(“.modal-header .close”).click(function(){
$(“.gao2811”).removeClass(“gao”)
});
})
</script>
<style>
.gao{
background: rgba(32, 29, 29, 0.58);
width: 100%;
height: 2000px;
position: absolute;
z-index: 1059;
overflow: hidden;
}
.modal.fade.in {
padding: 10px;
z-index: 2000;
top:18%!important
}
</style>
Looking at the picture to guide you:
https://i.imgur.com/ifA7ll9.png
Have you a good time
Best Regards,
Innogears Support Team