Is there a way to use the animated gradient background for the entire website as a base? right now I can find the option is available only for a row. is there any custom css that I can add to apply it for the entire website.?
hi there! quick question, regarding the same topic. I have a page completly filled with one animated gradient as a background. On Desktop its working fine, but on phone its not looking pleasent. Is there a way to fix this?
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (min-width: 1px) and (max-width: 999px) {
.nectar-animated-gradient {
width: 500vw !important;
right: 20vw !important;
}
}
thank you very much, this makes it at least better. i adjusted the width and right parameter and for now its better.
@RealYogan i'd recommend to have the animated gradient configured on every site that you need it and fit everything into inner rows within a main row where the gradient defined.
Is there a way to use the animated gradient background for the entire website as a base? right now I can find the option is available only for a row. is there any custom css that I can add to apply it for the entire website.?
Hey Again,
I am afraid its not possible with CSS alone. However have noted it in the Wishlist.
Thanks.
ThemeNectar Support Team
hi there! quick question, regarding the same topic.
I have a page completly filled with one animated gradient as a background. On Desktop its working fine, but on phone its not looking pleasent. Is there a way to fix this?
Hi there,
Thanks for contacting us.
Please share your website URL so that we can check this out further.
Best Regards.
https://luoda.io/ueber-uns
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (min-width: 1px) and (max-width: 999px) { .nectar-animated-gradient { width: 500vw !important; right: 20vw !important; } }Thanks
ThemeNectar Support Team
Hi Tahir
thank you very much, this makes it at least better. i adjusted the width and right parameter and for now its better.
@RealYogan i'd recommend to have the animated gradient configured on every site that you need it and fit everything into inner rows within a main row where the gradient defined.