when I use the inspect element option on the browser page and move it to the CSS of the tiktok and instagram embed, the css works, but when I put this CSS code in the discourse, it doesn’t change anything I was removing the huge white background from the embedding of instagram posts and putting a thin border of 1px and a rounded border of 50px, the same I did for tiktok which also reduced the size of the post, as it appears cropped on mobile, but nothing is changed

You generally can’t manipulate the content of an iframe originating from a different domain due to the same origin policy — without this kind of restriction you could, for example, replace an image with CSS that makes it look like an instagram user posted something that they didn’t.

But can’t you just change the background, border radius and post size? (Without changing the content of the person?) On instagram there is this white background that spoils the black theme, apart from this HUGE space that spoils the post a lot [image]

On tik tok, the post is tied in the corner, and there is this horrible thick white border [image]

On twitter I managed to remove the white background and make it transparent (to adapt to any theme) and put the radius border at 50px and slim border [image]

danielabc: But can’t you just change the background, border radius and post size? You can manipulate the iframe tag itself (add borders, round corners, etc), but generally the content within is entirely off-limits. Some services provide embed options, twitter for example has some on https://publish.twitter.com/ [Screenshot 2023-03-03 at 10.54.57 AM]

If you embed a tiktok video like this: you can add styles to a Discourse theme like this: iframe { border: 1px solid red; border-radius: 20px; } but you’re limited to only editing the iframe tag itself

Isn't there a way to style CSS tiktok and instagram embed?

Development

danielabc (Daniela) March 3, 2023, 4:02pm 7

How can I manipulate the instalgram and tiktok iframe tag? Because the way I did it here didn’t work

Topic		Replies	Views
Supporting iframe embeds from different domains? Feature	57	24313	August 30, 2018
Background color of iFrame not working Product Support	2	6410	July 15, 2022
Whitelist, allowed iframe Feature	11	7098	September 27, 2018
Embedding in more than one host Development	15	2723	May 11, 2017
How to switch between dark mode and bright white mode in embedded Discourse Product Support	5	1260	February 9, 2023

Isn't there a way to style CSS tiktok and instagram embed?

Related topics