Das erste Bild ist das, was ich habe, das zweite Bild ist das, was ich erreichen möchte.
Bislang ist mir klar, dass das Deaktivieren beider Häkchen (im Bild oben) das Problem löst, aber wie schreibe ich den CSS-Code?
Dies ist der Code, den ich derzeit verwende, um das Widget nach meinen Wünschen anzupassen.
span[data-pin-log="pinterest"] { overflow: scroll; overflow-x: hidden; } span[data-pin-log="embed_grid"]::-webkit-scrollbar { width: 0; /* Remove scrollbar space */ background: transparent; /* Optional: just make scrollbar invisible */ } /* Optional: show position indicator in red */ span[data-pin-log="embed_grid"]::-webkit-scrollbar-thumb { background: #FF0000; } #pinterest [class$=_button] { display: none !important; } #pinterest [class$=_button] { display: none !important; } #pinterest [class$=_hd] { display: none !important; } body > span[data-pin-log="embed_grid"] { border: none; }
<a data-pin-do="embedBoard" data-pin-board-width="350" data-pin-scale-height="500" data-pin-scale-width="130" href="https://www.pinterest.co.uk/toastedmacarons/rich-boys-city-girls/"></a> <script async defer src="https://assets.pinterest.com/js/pinit.js"></script>
Wenn es hilft, ist dieses Widget genau hier.
Meine CSS-Kenntnisse sind sehr begrenzt, daher bin ich für jede Hilfe sehr dankbar. Vielen Dank im Voraus :))
按照我的CSS代码:
Codepen 上的完整示例