Custom CSS - Gradient Background Color | XM Community
Skip to main content
Hello,



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
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

Leave a Reply