How to remove elements from external iframe?

  • I use a opensea plugin to auto reference the opensea iframe into my website: [ redundant link removed ]
    How to hide sticky hearder bar and power by bar?
    The sticky hearder make my website double hearder.
    Screenshot: https://ibb.co/fDdPM5D
    The color of power by bar is blue but my website is black and white.
    Screenshot: https://ibb.co/BPtVmFm

    These two element makes my website ugly.

    I know they are come from opensea’s code. I try to add addtional CSS in my customize page:

    .gIXlKd.AccountLinksBar--visible {
    display: none !important; 
}

.__web-inspector-hide-shortcut__ {
    display: none !important;
}

    but nothing happen. They are still there.

    • This topic was modified 2 years, 10 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi, @wtvxy:

    If you’re trying to override the iframe’s CSS from your own site, then please note that you generally cannot access or change the content/styling of an embedded iframe. This is due to modern browser security policies that restrict cross-origin (i.e. cross-domain) access.

    If the changes you’re attempting are through OpenSea’s own embed customization options — that is, something you configure through OpenSea’s site — then please check with OpenSea support.

    Thread Starter wtvxy

    (@wtvxy)

    https://www.ads-software.com/plugins/advanced-iframe/
    This plugin claims they can modify the elements in iframe.

    But I have installed too many plugins. I am looking for a light solution.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to remove elements from external iframe?’ is closed to new replies.