Facebook – can you change iframe font color?

What font are you referring to? There are a number of them being used and in a variety of colors so it is hard to tell. I’m also not sure if you mean that specific page of your website, or if you are referring to your website in general.

In any case, if you are referring to the general body font, you can change the color through updating the CSS to the following:

body {
    color: #fff;
}

In this example, it will update the color from the original grey (#AAA) to white (#fff).

There should be an option under Appearance > Customization to add CSS.

Note: if you have not already explored the Customization area, there may also be font color options there as well.

The item in question is the embedded Facebook post [iframe]. The text is too dark in the Facebook post because it appears to be a Light Skin, according the source. It may not be modifiable. Looks like it’s dictated on facebooks end. If I’m wrong, I’d love to hear otherwise.

I’ve looked for CSS to change this and I’m not seeing it. There is an iframe css entry, but it doesn’t appear to hold any font color command. I know there are also iframe attributes, but they seem to be overruled by Facebook. I’ll add the CSS listed for iFrame and see if that fixes it. My body text color is lighter than the iframe text, so it’s not being inherited there.

Unfortunately, you are loading content from a different website so you can’t apply styles to it. It’s a security feature that web browsers adopted a long time ago!

However, you can style the iframe itself, so just add this to your CSS:

iframe { background-color: white; }

to give your iframe a white background.