Overlay is not working as intended on one-page index html

Question

Using index.html from one page folder. Index.hmtl main background has a pixelated effect via an overlay. but as soon as I move style.css or adjust it in any way effect goes away and becoming simple image tanning. found it in style.css and changed location but have no effect. .video overlay, .video placeholder { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z index: 5; background: transparent url('assets/images/main/grid.png') repeat; webkit backface visibility: show; } what am…

SemiColonWeb · Accepted Answer

Hello,

That actually is the default effect of the Video Overlay which comes from this: url(‘assets/images/main/grid.png’) . If you would like to use the Overlay without any pixellation, simply use this code:

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

KiLLNeT · Answer

I actually want to use pixelation on my background picture. But it's not working. So can you please explain what steps should I take. I new to web design and its just a small project for our game page.

Thank you

Semicolon Web · Answer

Hello, Then the Default Codes should work fine. The issue here appears to be with the incorrect location or a missing file. You can check more about this in your Browser's Developer Console so that you can fix this quickly. Else, please provide us with a Live URL so that we can check out the exact …

KiLLNeT · Answer

can you please have a look at this link. I ended up using your one page template. currently working on the main page. and trying to make it look pixelated like your original.

KiLLNeT · Answer

http://ac30.org/download/index.html

Semicolon Web · Answer

Hello,

We have checked out your Website and as mentioned in the previous reply, there are quite a few images that are missing from your Servers including the File that gives the Pixellated effect. Simply check your your Browser’s Developer Console (Right Click > Inspect Element) and you will find the list of all the Files missing.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.