0

I just checked out the impress.js demo and it seems to be a powerful tool. I am not very experienced with CSS, and i would like to use the attached CSS as a template.

But there is a yellow circle / ellipse in the background of the presentation and i cannot figure out which part of the CSS is responsible for that.

So how can I remove / modify this background figure?

EDIT (Solved)

I tried to append a screenshot. But when uploading, the screenshot did not contain the yellow circle. It turned out to be a problem with my secondary screen. On the primary screen it looks perfect.

Seems to be some problem with my video driver / screen hardware.

Sorry guys!

ckonig
  • 1,234
  • 2
  • 17
  • 29
  • please add some snapshots to illustrate the issue, and some code snippets off of areas you think are problematic. thanks. – Eliran Malka Jun 07 '12 at 07:43

1 Answers1

1

assuming you are referring to the "spotlight" in the center, it's generated be the CSS gradient applied to the document body:

body {
    /* ... */
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 500, from(#F0F0F0), to(#BEBEBE));
    background: -webkit-radial-gradient(#F0F0F0, #BEBEBE);
    background: -moz-radial-gradient(#F0F0F0, #BEBEBE);
    background: -ms-radial-gradient(#F0F0F0, #BEBEBE);
    background: -o-radial-gradient(#F0F0F0, #BEBEBE);
    background: radial-gradient(#F0F0F0, #BEBEBE);
}

omit these rules, and you're good to go.

References:

Eliran Malka
  • 15,821
  • 6
  • 77
  • 100
  • Well i do want to have a gradient, but without the yellow circle. When I generate a gradient here http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/default.html it looks fine but when pasting the generated code the yellow circle is back... – ckonig Jun 07 '12 at 07:22
  • i've no idea now what's the yellow circle. please post a snapshot in you question. thanks. – Eliran Malka Jun 07 '12 at 07:34
  • 1
    please share your answer so others may benefit from it. – Eliran Malka Jun 07 '12 at 07:53