• Resolved fullmoonfriday

    (@fullmoonfriday)


    hello,

    I am tying to do some styling. I have checked previous support which gave me a clue, but I still can quite get it.

    using the inspector I can find

    #iframely-content {
    width: 100%;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    }

    which I add

    text align; center;

    which centres pinterest embeds when using chrome inspector.

    I am happy to centre all embeds, but I haven’t been able to get this right either using iframe css in custom css either.

    using the css above in custom css, it doesn’t pick up the stylings even with !important. I am at a bit of a dead end on this. Can you help me on this one?

    Thanks

    https://www.ads-software.com/plugins/iframely/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Ivan Paramonau

    (@ivanp)

    You can’t change the styles within iFrame. And that’s what we return for Pinterest by default as it needs a fallback for JavaScript environments.

    We haven’t find a way to make Pinterest center ourselves yet either. If you want to take your chance, you should first make Iframely return native embed code there. To do it, go to your API settings at iframely.com/settings and uncheck “My site uses JavaScript to add embeds”.

    Then you can start applying some styles. If you need an explicit style name for Pinterest, you can try adding a filter like the one in this gist.

    Thread Starter fullmoonfriday

    (@fullmoonfriday)

    Hi there, thanks for the response, although this is a little confusing for me as it goes beond my basic knowledge a long way.

    The #iframely-content css comes from where? as far as i can see, if text-align: center; is applied to this css along side the others, then the pinterest would centre?

    Thanks

    Plugin Author Ivan Paramonau

    (@ivanp)

    PIntrest embeds should now be centered without the need for any CSS tricks

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘css’ is closed to new replies.