Отключить Scrapeazon iFrame [Плагин Wordpress: Scrapeazon]

Question

Я пытаюсь стилизовать этот кадр на изображении выше на этом веб-сайте здесь, снимая полосы прокрутки, как по горизонтали, так и по вертикали. Кроме того, я пытаюсь увеличить ширину, но все усилия кажется бесполезным

#scrapeazon-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden !important;
  -webkit-overflow-scrolling: touch;
}

#scrapeazon-iframe {
  width: 100%;
  height: 90%;
  border: none;
}

ничто здесь не может быть перезаписано по какой-то причине?

HTML шорткод для интеграции на WordPress;

[scrapeazon asin="B074TBRMZK" width="800" height="300" border="false" country="US"]

Answer 1

Вы не можете применить CSS к HTML, который загружен в iframe, если только вы не контролируете страницу, загруженную в iframe из-за междоменных ограничений ресурса .

Но вы можете редактировать CSS в настройках плагина Scrapeazon .

Существует несколько способов стилизовать scrapeazon-reviews iframe: путем редактирования таблицы стилей вашей темы, добавления параметров в каждый шорткод или использования встроенной адаптивной таблицы стилей плагина.

Чтобы стилизовать iframe в таблице стилей вашей темы, добавьте классы с именами scrapeazon-reviews и scrapeazon-api в таблицу стилей, затем добавьте width, height, border и другие параметры, которые вы хотите стилизовать к этим классам. Например, скопируйте и вставьте следующее в свою таблицу стилей, чтобы сделать iframe квадратом 540 × 540 пикселей без рамки:

.scrapeazon-reviews {
   width: 540px;
   height: 540px;
   border: none;
}
.scrapeazon-api {
   width: 540px;
}

Чтобы стилизовать iframe с помощью шорткода, добавьте width, height и border в качестве параметров к шорткоду. Например, чтобы выполнить то же форматирование, что и выше, в формате шорткода, используйте следующий шорткод:
[scrapeazon asin="<your asin>" width="540" height="540" border="false"]

Добавьте символ процента (%) к значениям width и height, если эти значения указываются в процентах, а не в пикселях. При желании вы можете добавить ‘px’ вместо символа процента, чтобы использовать пиксели. Если вы укажете только цифры, ScrapeAZon по умолчанию будет использовать пиксели.

Чтобы оформить iframe с помощью встроенной адаптивной таблицы стилей (если ваш сайт имеет адаптивный дизайн / тему), установите флажок «Использовать адаптивный стиль» на странице настроек ScrapeAZon.