Solved
Custom CSS - Gradient Background Color
+1Hello,
I am trying to setup a gradient background color with a custom CSS for my survey but am unable to set it up.
I've used the code provided in this answer (https://www.qualtrics.com/community/discussion/1060/css-format) and was able to implement a plain color. However I wanted to set up a 3 color gradient and the custom CSS I usualy use does not work.
My code is like this:
#SurveyEngineBody {
background: #e53416 .3 #fa551e .3 #f7a600 .3;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.Skin #SkinContent {
background: rgba(255,255,255,.9) !important;
}
.Skin .SkinInner {
background: transparent !important;
}
Thanks
Best answer by Anonymous
Hello @SICC
Use the below code
#SurveyEngineBody {
background-image: linear-gradient(red, yellow, orange);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.Skin #SkinContent {
background: rgba(255,255,255,.9) !important;
}
.Skin .SkinInner {
background: transparent !important;
}
Source
View originalLeave a Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.