quando uso l’opzione “ispeziona elemento” sulla pagina del browser e la sposto sul CSS dell’incorporamento di tiktok e instagram, il CSS funziona, ma quando inserisco questo codice CSS nel discorso, non cambia nulla
Stavo rimuovendo l’enorme sfondo bianco dall’incorporamento dei post di instagram e mettendo un sottile bordo di 1px e un bordo arrotondato di 50px, la stessa cosa che ho fatto per tiktok che ha anche ridotto le dimensioni del post, poiché appare ritagliato sul cellulare, ma non è cambiato nulla
Non è generalmente possibile manipolare il contenuto di un iframe proveniente da un dominio diverso a causa della policy del medesimo dominio — senza questo tipo di restrizione, si potrebbe, ad esempio, sostituire un’immagine con CSS che la faccia sembrare come se un utente di Instagram avesse pubblicato qualcosa che non ha fatto.
Ma non puoi semplicemente cambiare lo sfondo, il raggio del bordo e le dimensioni del post? (Senza cambiare il contenuto della persona?)
Su Instagram c’è questo sfondo bianco che rovina il tema nero, oltre a questo ENORME spazio che rovina molto il post
Su TikTok, il post è attaccato nell’angolo e c’è questo orribile bordo bianco spesso
Su Twitter sono riuscito a rimuovere lo sfondo bianco e renderlo trasparente (per adattarlo a qualsiasi tema) e ho messo il bordo arrotondato a 50px e un bordo sottile
Puoi manipolare il tag iframe stesso (aggiungere bordi, arrotondare gli angoli, ecc.), ma in genere il contenuto al suo interno è completamente off-limits. Alcuni servizi forniscono opzioni di incorporamento, Twitter ad esempio ne ha alcune su https://publish.twitter.com/
Come posso manipolare il tag iframe di Instagram e TikTok? Perché il modo in cui l’ho fatto qui non ha funzionato
Se incorpori un video di TikTok in questo modo:
<iframe src="https://www.tiktok.com/embed/v2/7181493818871565574" height="800" width="400">
puoi aggiungere stili a un tema di Discourse in questo modo:
iframe {
border: 1px solid red;
border-radius: 20px;
}
ma sei limitato solo alla modifica del tag iframe stesso.
