full screen gradient
-
Dear @arminunruh
for https://intimacycoordinator.ch/ I would like to use a full screen gradient. Now the gradient only applies for the first row - I would like to apply over all rows (so the complete page instead of the complete view height).
Thanks a lot. Appreciate a lot - Daniel
This is my Code for <head>
<!DOCTYPE html>
<html>
<style>
#grad1 {
height: 100vh;
background-color: blue; /* For browsers that do not support gradients */
background-image: linear-gradient(white, blue);
}
</style>
</head>
<body><div id="grad1"></div>
</body>
</html> -
@Danny there is no need to write an entire html for that. you could just give the body a gradient with custom css.
body{ background-color: blue; /* For browsers that do not support gradients */ background-image: linear-gradient(white, blue); }you can use this tool to design the gradient:
https://cssgradient.io -
thanks so much @felix_rabe !
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it
