How to remove the circle in the background of the impress.js demo


Tags: css,impress.js

Problem :

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!



Solution :

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:


    CSS Howto..

    CSS styling of a line: how to get the line to move with the header above it

    Show Item when Hover Over Parent

    How to provide a stylesheet for rendering PDFs?

    How do I script such that my panoramic image can be panned left and right up to its edges?

    How can i get target with a hover an element under an element?

    How do I combine two columns with different formatting?

    Styling the input type=“file”. How do i display the filepath?

    How to select non-header cells with css

    How to differentiate between two class of same name in different css on same page

    How to ignore parent css style

    How to start an css effect when website open

    How to make hashtag links work on Internet Explorer?

    How should I start to learn JavaScript, jQuery, etc.? My programming knowledge is zero [closed]

    Jquery-How to grey out the background while showing the loading icon over it

    How can I get css pseudo element :checked to work in IE7 + IE8?

    how to Styling a “choose file” button using css Only

    CSS: how to put one image and one block with two

    in one line not using float

    jQuery CSS how to avoid flickering?

    How do you size an SWF object based on a Blueprint CSS span range?

    In CSS computed properties panel, the topmost style does not seem to overwrite the less specific style — how could that be?

    How to remove hover function from top row in table

    How do I properly inspect jquery and javascript using web developer tools?

    How to handle cq component with same html structure and different css?

    How to scroll left column when cursor is above right column?

    Why margin:2.5px does not work? How to solve this problem

    How to load external css in CakePHP?

    How to style a GtkLabel with CSS?

    How to add code area css style to HTML

    How to make image clipping in css

    How do I get Aptana Plugin for Eclipse to validate against CSS3, rather than CSS2?