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..

    How do I create a side menu navigation bar that opens items to the right [closed]

    How do I align an inner div with the bottom of an outer div?

    How do you set a div's location to be centered when we don't know the screen size?

    How to apply CSS to a Mac Chrome Select Box?

    how to display a dropdown ul two per row

    How to add head section in a page that has layout template

    How to fix clipped text over 3D transform image on Safari?

    ASP.NET DataBoundField DataFormatString, how can I add html correctly?

    How to change CSS (background-image) from JQuery in Rails?

    How to select a great grandchild of an element by its id

    How to set color of the Button with jQuery UI?

    How to use window height in css using jquery

    How to use the plus sign process of css selectors in LESS?

    How to use inline CSS by th:style using “The ? : operator” in ThymeLeaf

    how to center css class images with text?

    How to link a main.css to all Django templates? [closed]

    How to Click a div and have it change dimensions of other divs and then change back once clicked again

    How to apply css style when using ng-print inAngular JS

    Large gap between text, how to fix?

    How can I force a dynamic
      to be 100% the height of it's parent, no more, no less?

    How to align HTML horizontaly using CSS

    Webpage Css Error.. Not Showing Anything

    How to override html property created by script (mediaelement.js)

    How to manage multi tenant web portal css using Asp.Net MVC

    Show content only in printing page not in browser page using CSS or javascript

    How to fix button position next to input when screen resizes

    How to make inner UL list not inherit from outer UL List in CSS

    how to break unordered list of links with image or color with css

    How to zoom into a specific location of an image using CSS

    How to make an oblique oval in CSS?