Custom CSS - Gradient Background Color

Question

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

Anonymous · Accepted Answer

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

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded