Issue with gray backgrounds

Ask the Community General Questions
1

Hi Max, I have the same question… I have the WhatsApp & Weather widgets. The containers are light-grey and I want transparent (

2 Likes
2

I found a bit of code where you helped someone with the same problem:

[class*=‘background__Container-sc’] {
box-shadow: none;
background: none;
}

This didn’t work in my case…

Screenshot 2026-03-14 at 1.49.24 PM
Screenshot 2026-03-14 at 1.49.24 PM1008×398 59.5 KB

2 Likes
4

Hi there, @Dean_Lewis :waving_hand:

Could you please send me a link to the page, where your widget is installed? I’ll be happy to check it for you :slightly_smiling_face:

1 Like
5

I haven’t taken it live yet because I wasn’t satisfied. However, I now see it’s the container the widget is in. The container has no color on its own so somehow it’s getting it from the widget. Here’s a countdown timer I was playing with this morning and I set the background to black and got less of it to display. This looks nice enough to use on the site. By the way: this is in Foundation 6.

I can go ahead and post it someplace for you if that would be helpful?

Dean

Screenshot 2026-03-16 at 2.40.12 PM
Screenshot 2026-03-16 at 2.40.12 PM1920×579 104 KB

1 Like
6

Yep, to understand what causes the issue, we need to fix it on the live website. Could you please publish it and send me a link to this page?

7

https://busybeesestateagents-cyprus.net right on the home page above the fold… :cowboy_hat_face: As an aside, you may now go home and tell your wife that another man loves you.

1 Like
8

Thanks! I’ve passed it on to the devs and will update you once it’s fixed :slightly_smiling_face:

9

Hi there, @Dean_Lewis :waving_hand:

We’ve fixed the issue with the Countdown TImer widget with this code added to the Custom CSS field on the Settings tab of your widget’s settings:

@external {
  .code-block:has(:widget) {
    background: transparent !important;
    white-space: normal !important;
  }
}

You can use the same CSS code for the other widgets with the same issue. Check it out and let me know if it works :slightly_smiling_face:

10

Your guy nailed all three…

Thank you Max! :cowboy_hat_face:

2 Likes
11

Perfect, you’re very welcome!

In the meantime, we’d like to invite you to participate in our new contest, where you can win a 3-month extension for your subscription - March Contest: Create a Dating Profile for Elfsight Widget and Win 3 Months FREE! :wrapped_gift:

Check the details and join in :wink: