【问题标题】: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-reviewsscrapeazon-api 的类添加到您的样式表中,然后添加widthheightborder 和其他要设置样式的参数到那些班级。例如,将以下内容复制并粘贴到您的样式表中,以使 iframe 成为一个 540×540 像素的正方形,没有边框:

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

    要使用简码设置iframe 的样式,请将widthheightborder 作为参数添加到简码。例如,要以简码格式完成与上述相同的格式化,请使用以下简码:
    [scrapeazon asin="<your asin>" width="540" height="540" border="false"]

    如果您以百分比而不是像素来指定这些值,请在widthheight 值上附加一个百分比(%) 符号。您可以选择附加 ‘px’ 而不是百分比符号来使用像素。如果只指定数字,ScrapeAZon 将默认为像素。

    要使用内置响应式样式表设置iframe 的样式(如果您的网站具有响应式设计/主题),请选中 ScrapeAZon 设置页面上的“使用响应式样式”复选框。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-05-29
      • 2013-07-27
      • 1970-01-01
      • 1970-01-01
      • 2021-09-25
      • 1970-01-01
      相关资源
      最近更新 更多