diggeddy

/* ------------ MARK-UP BELOW -------*/

<div class="db-container">
    <div class="db-a">A</div>
    <div class="db-b">B</div>
    <div class="db-c">C</div>
    <div class="db-d">D</div>
</div>

/* ----------- CSS BELOW ---------- */

diggeddy

/* CSS Elementor flexible gallaery */

.db-grid-flex .elementor-widget-container .elementor-image-gallery .gallery {
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
}

diggeddy

/* Vanilla JS Script add footer height as padding to bottom of content */

<script type="text/javascript">
window.onload = function() {
  var footerHeight = document.getElementsByClassName('site-footer')[0].clientHeight;
  var contentBox = document.getElementsByClassName('site-content');
  contentBox[0].style.marginBottom = footerHeight+"px";
}
</script>

diggeddy

/* Elementor - Auto aligning elements within a column */

/*Option 1 - Flex Container Fix*/

.db-flex-column .elementor-widget-wrap {
    height: 100%;
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

diggeddy

/* Elementor - create a double button with Icon List widget */

.db-list-button .elementor-icon-list-items {
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    justify-content: center;
}
.db-list-button .elementor-icon-list-item a {

diggeddy

/* Elementor - transform position for animated columns x 4 */

.db-enter-left ,
.db-enter-right ,
.db-enter-top,
.db-enter-bottom {
    transition: all 0.75s ease-in-out;
}

.db-window2:not(:hover) .db-enter-left {

diggeddy

/* Elementor - add Masonry to Gallery Widget */

.gallery-icon img{
    width: 100%;
}

@media (min-width: 1024px) {
    #gallery-1 {
      column-count: 4;
      column-gap: 0px;

diggeddy

/* Elementor - additional content on Form Widget */

/* Basic code to add text content via Pseudo elements */
.elementor-form-fields-wrapper >div:nth-child(1) {
    display: flex;
    flex-flow: column;
    align-items: left;
}
.elementor-form-fields-wrapper >div:nth-child(1):before {
    content: "PUT YOUR TEXT CONTENT HERE";

diggeddy

/* Elementor Portfolio Filter Bar Hacks */

/* Hack 1 - Change or hide the 'All' filter */

/* Hide the Elements visibility */
.elementor-portfolio__filters li:nth-child(1) {
    visibility: hidden;
}

/* Add a different title in place of ALL */

diggeddy

/* Post thumbnail shortcode */

add_shortcode('featured_img', 'fi_in_content');

function fi_in_content($atts) {
    global $post;
    return get_the_post_thumbnail($post->ID);
}