One pixel white line

Thank you!

Dean

2 Likes

Hi @Dean_Lewis

I can’t see a line on the countdown timer. Or do you want one there?

1 Like

1 Like

Hi @Dean_Lewis

Ah, now I see it. :smiley:

The problem originates from your consolidated.css file. It’s not a problem with the widget.

.code-inline, code
border: 1px solid #cacaca;

.code-block
border: 1px solid #cacaca;

.code
border: 1px solid var(--medium-gray);


You can see this again further down on your page.

Yeah, the one at the bottom of the page is the Translate widget. It must be the Med. Gray that the widgets are picking up.

2 Likes

Hi @Dean_Lewis

The CSS class “code-block” and “<code class=” wraps the widget’s code.

It’s the same with the translator.

1 Like

Hi there, @Dean_Lewis :waving_hand:

We’ve slightly adjusted the code you’ve added to the Countdown TImer’s Custom CSS field to fix this issue:

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

This code should work in the other widgets as well. Please check it out and let me know if it helped :wink:

You know what? YOU ROCK!

2 Likes

I am truly happy to see it’s working fine now! Many thanks for your kind words :blush:

Don’t hesitate to contact us again in case of any questions. We’re always happy to assist!

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: