Lay Theme Forum

@marvic Please post your solution here. Comments like "Solved it!" don’t help nobody.

I found a way to fix this, just if anyone run into the same problem as I did.

1. Put the particle-Animation in front of the other elements by adding a higher z-index value and changing the position to fixed since I didn’t want it to move when I’m scrolling down

#particles-js {
position: fixed;
width: 100%;
height: 100%;
z-index: 2;
}

2. Moving the gradient from the body-Element to #grid

#grid {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

background: linear-gradient(270deg, #ffc647, #FB4647, #ffffff);
background-size: 800% 800%;
-webkit-animation: Gradient 15s ease infinite;
-moz-animation: Gradient 15s ease infinite;
animation: Gradient 15s ease infinite;

}

That did the trick for me.

If I did something stupid and there is a much better way to do it, please let me know :)

Thank you!

Thank you! You guys rock! :)

@thomasmaier Yes!! Not being able to place two elements next to each other is a huge bummer. Would be a fantastic improvement if that would be possible!

Would it be possible to add row numbers to the gridder? I am working on a website that makes extensive use of the expanded/collapsed row feature on a single page and it gets very confusing and cluttered to see what button actually expands and collapses what row. Numbered rows would help immensely.

Same problem. I can’t do anything.