bkaminski

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        ...

bkaminski

<script>
var modals = ["myModal1", "myModal2", "myModal3"];
var rand = modals[Math.random() * modals.length | 0];

	jQuery(window).load(function(){
	  setTimeout(function() {
       jQuery('#' + rand).modal('show');
    }, 5000);
  });
</script>

bkaminski

/* Bootstrap 4x includes the class "text-white" now, but what about any other color? */
.text-gold {
color: #dec328;
}
/*
.text-any-color {
color: you-decide;
}
*/

bkaminski

// With some Bootstrap 4 love. Of course, create a custom template for this.
<?php

/* do template stuff */

get_header(); ?>

<div class="card-body">
	<?php
	global $wpdb;

bkaminski

<!-- Bootstrap 4 Carousel with WordPress Loop -->
<?php
$args = array(
	'post_type' => 'post',
	'category_name' => 'example-category'
);
$the_query = new WP_Query ( $args ); 
?>

bkaminski

//add instead of [submit] in Contact Form 7 (With Bootstrap 4 added)
<button type="submit" class="btn btn-lg btn-info btn-rounded">Send Message<i class="far fa-paper-plane fa-fw ml-3"></i></button>
// i class rather than <img src=""> with inline styles.
<i class="fas fa-spinner ajax-loader fa-pulse fa-4x"></i> 

bkaminski

$(document).ready(function($){
    $(".bk-contact-modal").click(function(){
        $("#contactModal").modal('show');
    });
    $('#contactModal').on('shown.bs.modal', function () {
        $('#userName').focus();
    });
});

bkaminski

<!-- The include file with the "do_shortcode" hook -->
<!-- ID for modal set to "contactModal" for javaScript purposes -->
<div class="modal fade" id="contactModal" tabindex="-1" role="dialog" aria-labelledby="contactModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="contactModalLabel">Contact Ben:</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>

bkaminski

<!-- contact modal -->
		<?php include get_template_directory() . '/inc/myexamplemodal.php'; ?>
		<!-- \\\\\\\\\\\\\ SCRIPTS //////////// -->
		<?php wp_footer(); ?>
	</body>
</html>

bkaminski

<?php if ( is_page( array( ID#, ID#, ID# ) ) )
 comments_template( '', true ); ?>