IFrame и плагин essential grid

[selftrips-ru]

Плагин позволяет выводить посты плиткой с использованием в качестве подложки различный контент из записи.
При использовании в качестве подложки код iFrame с google map, пропадают все элементы кроме самого iFrame. Т.е. он ложится поверх всех остальных слоев. И ссылка ведет на карты Google, а не на пост. Если «вдруг» отсутствует ifarme, отображается черный фон и все слои управления — Заголовок поста, «читать далее» и так далее, ссылка на ведет на сам пост.Те все слои есть но скрыты фреймом.
Как можно это поправить?
Сам плагин предлагает возможность редактирования CSS которая выглядит так

/* HENRY HARRISON */

a.eg-henryharrison-element-1,
a.eg-henryharrison-element-2 {
  -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -o-transition: all .4s linear;
    -ms-transition: all .4s linear;
    transition: all .4s linear;
}

/* JIMMY CARTER */
.eg-jimmy-carter-element-11 i:before { margin-left:0px; margin-right:0px;}

/* HARDING */
.eg-harding-element-17 { letter-spacing:1px}
.eg-harding-wrapper .esg-entry-media { overflow:hidden;
            box-sizing:border-box;
            -webkit-box-sizing:border-box;
            -moz-box-sizing:border-box;
            padding:30px 30px 0px 30px;
}

.eg-harding-wrapper .esg-entry-media img { overflow:hidden;
            border-radius:50%;
            -webkit-border-radius:50%;
            -moz-border-radius:50%;
}

/*ULYSSES S GRANT */
.eg-ulysses-s-grant-wrapper .esg-entry-media { overflow:hidden;
            box-sizing:border-box;
            -webkit-box-sizing:border-box;
            -moz-box-sizing:border-box;
            padding:30px 30px 0px 30px;
}

.eg-ulysses-s-grant-wrapper .esg-entry-media img { overflow:hidden;
            border-radius:50%;
            -webkit-border-radius:50%;
            -moz-border-radius:50%;
}

/*RICHARD NIXON */
.eg-richard-nixon-wrapper .esg-entry-media { overflow:hidden;
            box-sizing:border-box;
            -webkit-box-sizing:border-box;
            -moz-box-sizing:border-box;
            padding:30px 30px 0px 30px;
}

.eg-richard-nixon-wrapper .esg-entry-media img { overflow:hidden;
            border-radius:50%;
            -webkit-border-radius:50%;
            -moz-border-radius:50%;
}

/* HERBERT HOOVER */
.eg-herbert-hoover-wrapper .esg-entry-media img{
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

может достаточно что то здесь поменять чтобы решить проблему?