“So I’ve got it :D
First of all turning off the connection between button and the notification:
In style.css (section Fire the animations) remove both
input.fire-check:checked ~ section
Now after reload all three boxes should be visible on load.
Now to make it disappear completely (without leaving the empty space) do this:
First of all you have to add id (for example ‘vanish’) to the div on the page.
Next, in the head section of the page add this:
setTimeout(function(){
$(‘#vanish’).remove();
}, 5000);
You will need jquery library but it is free and can download in a lot of places.
5000 is a time in ms. This example is for 5s. One thing. Depending on page you would have to set this time half or second above the main div disappearing animation.
If you have more notifications you will have to get them unique id’s and add an appropriate line in the script.
Nonetheless you will eventually get it working like a charm :)
Hope it will help someone :)”

so use this:

setTimeout(function(){
$(‘#vanish’).remove();
var url = “http://google.com.ar”;
$(location).attr(‘href’,url);
}, 5000);

So this will redirect u after 5 seconds.

First of all turning off the connection between button and the notification:
In style.css (section Fire the animations) remove both

input.fire-check:checked ~ section

Now after reload all three boxes should be visible on load.

Now to make it disappear completely (without leaving the empty space) do this:
First of all you have to add id (for example ‘vanish’) to the div on the page.

Next, in the head section of the page add this:

setTimeout(function(){
$(‘#vanish’).remove();
}, 5000);

You will need jquery library but it is free and can download in a lot of places.
5000 is a time in ms. This example is for 5s. One thing. Depending on page you would have to set this time half or second above the main div disappearing animation.
If you have more notifications you will have to get them unique id’s and add an appropriate line in the script.

Nonetheless you will eventually get it working like a charm :)

Hope it will help someone :)

I don’t get this siblings thing so how can I get it to work onLoad? I really have no idea what to put to onLoad part.

And second thing. I want to make this notification dissappear after ‘loading’ but display: block is leaving blank space on the page. Any idea what to do to make this inline and a block? Again siblings are just surpassing my little brain. I’m looking at the actions connected to the button(checkbox) but have no idea what to do :D

If anybody could help would be great, cause this thing would help me a lot with few of my websites.