Question

在过去的一个半小时里我一直坚持这个并且无法解决它。所以，我知道pinterest小部件在页面加载时重置了他们的类，我已经设法让小部件看起来像我可以被打扰一样好，现在只需要一个元素。

在下面的链接中，您可以在底部看到小部件 - 以及“查看”框中的内容。这是需要的。

http://innov8web.co.uk/new3/

我已经尝试了所有我能想到的东西。附加代码片段。任何帮助将不胜感激。

a.PIN_1394396792408_embed_grid_ft{display:none!important;}
#pinterest-widget a.PIN_1394396792408_embed_grid_ft{display:none!important;}
#pinterest-widget span a.PIN_1394396792408_embed_grid_ft{display:none!important;}
#pinterest-widget span span a.PIN_1394396792408_embed_grid_ft{display:none!important;}


a.PIN_1394395968955_embed_grid.PIN_1394395968955_fancy{display:none!important;}
.PIN_1394395968955_embed_grid.PIN_1394395968955_fancy{display:none!important;}

我试过的javascript

<script>
function addNewStyle(newStyle) {
    var styleElement = document.getElementById('styles_js');
    if (!styleElement) {
        styleElement = document.createElement('style');
        styleElement.type = 'text/css';
        styleElement.id = 'styles_js';
        document.getElementsByTagName('head')[0].appendChild(styleElement);
    }
    styleElement.appendChild(document.createTextNode(newStyle));
}

addNewStyle('span a.PIN_1394396792408_embed_grid_ft{display:none !important;}')
</script>

所以，提前谢谢。

Answer 1

我使用纯CSS成功设计了Pinterest嵌入式小部件。

以下代码会删除标题，边框，背景和链接，除了图像之外别无其他。它假设您的小部件包含在一个div中，并且类别为＃34; pinterest＆＃34;。调整以获得您想要的结果：

div.pinterest > span > a {
  display: none !important;
}
div.pinterest > span span:first-child {
  display: none !important;
}
div.pinterest > span {
  box-shadow: 0 0 0 transparent !important;
  background: transparent none !important;
  padding: 0 !important;
  margin: 0 !important;
}

Answer 2

尝试这样的事情：

function removeSeeOn(){
     var el = document.getElementById("pinterest-widget").getElementsByTagName("a");
     el[el.length-1].style.display = "none !important";
}

这假设只有一个元素具有该类名（它似乎有）。将此功能添加到您的脚本中，然后将removeSeeOn();添加到body的{{1}}属性中。

如果这不起作用，您可以尝试将其添加到您的CSS：

onload

这是另一种做同样事情的方法：

#pinterest-widget>span>a {
     display:none !important;
}

Pinterest板小部件CSS样式

2 个答案: