Home/ Questions/Q 8426553
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T04:33:38+00:00

I need a bit of help over there. Here I need to remove white

  • 0

I need a bit of help over there.
Here I need to remove white border from fancybox iframe http://squaretwo.ru/pashokk .

You can call fancyBox by clicking the red button.
I’ve read previous articles but wasn’t able to fix the problem. Any ideas?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can remove that by adding this to your stylesheet.

    The structure of your iFrame is such,

    <body style="overflow-x: hidden; ">
    <div style="max-width:550px; border: solid 15px #cc0033;" border="1">
       .
       .
       .
    </div>
</body>

    So you can remove the border like so,

    body div:first-child {
    border: 0 !important;
}

    But, this will affect any border properties that you have given to your #header, since that is a div:first-child as well.

    so do a !important for your div#header border properties (IF NEEDED).

    EDIT

    Since you want to get rid of the fancybox background.

    You’ll need to add this,

    .fancybox-skin {
    background: transparent;
    box-shadow: none !important;
}

    this is a default class generated by the plugin.

    Also,

    add the following

    html{
  background: white;
}

    If you want the background only inside the red border then don’t add the above html css, add the following.

    body div:first-child {
     background: white !important;
}
    • 0