Comment supprimer le remplissage autour des widgets dans les bordures ?
P粉187160883
P粉187160883 2023-09-07 12:54:25
0
1
532

La première photo est ce que j'ai, la deuxième photo est ce que je veux accomplir.

Jusqu'à présent, je me rends compte que désactiver les deux coches (dans l'image ci-dessus) résout le problème, mais comment écrire le code CSS ?

C'est le code que j'utilise actuellement pour ajuster le widget à mon goût.

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; }
 

Si cela peut vous aider, ce widget est ici.

Ma connaissance de CSS est très limitée donc toute aide est grandement appréciée. Merci d'avance :))

P粉187160883
P粉187160883

répondre à tous (1)
P粉665427988

Suivez mon code CSS :

/* Remove scrollbar */ body > span[data-pin-log="embed_grid"] > span[data-pin-log="embed_grid"] { overflow: scroll; overflow-x: hidden; } body > span[data-pin-log="embed_grid"] > span[data-pin-log="embed_grid"]::-webkit-scrollbar { width: 0; /* Remove scrollbar space */ } /* Remove border */ body > span[data-pin-log="embed_grid"] { border: none; padding: 0 !important; } /* Remove padding */ body > span[data-pin-log="embed_grid"] > span[data-pin-log="embed_grid"] { padding: 0; } /* Hide header (pinterest logo) */ body > span[data-pin-log="embed_grid"] > span[data-pin-log="embed_grid"]:first-child { display: none; } /* Hide follow button */ body > span[data-pin-log="embed_grid"] > span[data-pin-log="embed_user_ft"]:last-child { display: none; }

Exemple complet sur Codepen

    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal
    À propos de nous Clause de non-responsabilité Sitemap
    Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!