Support » Theme: OceanWP » OceanWP Facebook Widget background is white – can this be changed?

  • maggieymae

    (@maggieymae)


    Some visitors have facebook tracking extensions installed on their browsers. Facebook widgets appear as white boxes, which is unsightly.

    I’ve tried to override this with CSS and cannot figure out which rule to edit.

    Using developer tools the iframe html can be modified to make the background transparent.

    How can I hide the white boxes?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Amit Singh

    (@apprimit)

    Hello,

    Can you kindly share your site link and a screenshot of the issue so that I can check it?

    Thread Starter maggieymae

    (@maggieymae)

    Thank you for responding. I changed the background panel to be white so you really can’t see the issue now. It happens when people are using plugins to disconnect facebook from following them. It loads the empty iframe. It’s not a glitch in your plugin. It’s a matter of the iframe for the plugin having a white background. When I change the code to transparent in dev tools it is better. There is still an empty space but not a white block.

    screenshot when the background is blue and facebook disconnect extension is enabled: https://ibb.co/jJH1K0C

    site address – remove the spaces: awl rescue me .com

    elementor is in use.

    Code for the iframe.

    <div id="ocean_facebook-2" class="footer-widget widget_facebook_likebox clr">
    			<iframe src="https://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FAWLPetStore%2F&width=300&height=450&colorscheme=light&show_faces=false&stream=true&show_border=false&header=false&force_wall=true" scrolling="no" style="border: none; overflow: hidden; width: 300px;  height: 450px; background: #fff" frameborder="0"></iframe></div>
    <iframe src="https://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FAWLPetStore%2F&width=300&height=450&colorscheme=light&show_faces=false&stream=true&show_border=false&header=false&force_wall=true" scrolling="no" style="border: none; overflow: hidden; width: 300px;  height: 450px; background: #fff" frameborder="0"></iframe>
    Thread Starter maggieymae

    (@maggieymae)

    the iframe code was truncated.
    Edit – no it’s all there – I didn’t see the scrollbar.

    • This reply was modified 1 year ago by maggieymae.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘OceanWP Facebook Widget background is white – can this be changed?’ is closed to new replies.