#html #css #wordpress #google-maps #iframe
#HTML #css #WordPress #google-карты #iframe
Вопрос:
Я использовал следующий код для встраивания карты Google в www.tastysfreshburgersandfries.com/locations но над и под ним есть белые полосы, и я, кажется, не могу понять, как их удалить. Любая помощь в исправлении этого была бы отличной.
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3431.7169822552632!2d-81.45959308200993!3d30.670097134060587!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88e4fee54019994b:0xbe6be3a817d34edf!2sTastyamp;#39;s Fresh Burgers and Fries!5e0!3m2!1sen!2sus!4v1476217073308" width="100%" height="100%" frameborder="0" style="border:0" allowfullscreen></iframe>
Ответ №1:
.wpb_content_element { margin-bottom: 35px}
вы можете поиграть с этим, а также, .vc_row-has-fill .vc_row-full-width .vc_row>.vc_column_container>.vc_column-inner { padding-top: 35px; }
это также необходимо изменить.
Но я бы посоветовал вам создать отдельный класс и применить его вместо того, чтобы возиться с существующими стилями CSS, поскольку я вижу его из другого фреймворка.
Ответ №2:
У вас есть отступы в строке, в которой есть iframe (это не iframe, который генерирует белые полосы). Посмотрите на это
Я могу предположить, что вы используете Visual Composer. Сначала нажмите на карандаш, который находится в правом верхнем углу строки, чтобы увидеть настройки строки.
Затем перейдите на вкладку Параметры дизайна и проверьте, какие значения у вас есть в разделе заполнения.