禁用 Scrapeazon iFrame [Wordpress 插件：Scrapeazon ]答案

【问题标题】：Disable Scrapeazon iFrame [Wordpress Plugin: Scrapeazon ]禁用 Scrapeazon iFrame [Wordpress 插件：Scrapeazon ]
【发布时间】：2018-12-13 23:07:40
【问题描述】：

我正在尝试在此website 上通过取消水平和垂直滚动条来样式化上图中的此框架，此外，我正在尝试增加宽度，但所有努力似乎都是徒劳的。

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

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

由于某种原因，这里的任何内容都不能被覆盖？

用于在 wordpress 上集成的 HTML 短代码；

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

【问题讨论】：

标签： css wordpress iframe plugins

【解决方案1】：

您不能将 CSS 应用于在 iframe 中加载的 HTML，除非由于跨域资源限制，您可以控制在 iframe 中加载的页面。

但是，您可以在 Scrapeazon 插件设置中编辑 CSS。

您可以通过多种方式为 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 设置页面上的“使用响应式样式”复选框。

【讨论】：