Hello! I currently have the custom code for background, but need additional help... | XM Community
Solved

Hello! I currently have the custom code for background, but need additional help...

  • 1 September 2018
  • 3 replies
  • 18 views
S
I would like the first page of my quiz to only have a 'start quiz' button at the bottom with no questions or additional text so that my background image can be seen. Additionally, for the rest of the pages, how can I change my background transparency so that the background image is still there but faint? TIA for any suggestions!
icon

Best answer by Anonymous 2 September 2018, 13:09

View original

3 replies

A
Hello @SweetD ,

The following code will answer your additional part i.e it will change your background transparency so that the background image is still there but faint

Paste the following code in the "Look and feel" -> "Advanced" -> "Add custom css"

#SurveyEngineBody {
background: url('https://images2.alphacoders.com/256/256100.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}

.Skin #SkinContent {
background:none;
}

.Skin .SkinInner {
background: transparent !important;
}

In the background url paste yours background image url
A
Hello @SweetD ,

The following answer, hope helps you to make your first page as per your requirement.

Paste the following code in the js(onLoad) option of the first question:

jQuery(".QuestionText").html('');
jQuery("#NextButton").css({
"position":"relative",
"right":"50%",
"opacity": "0.5"
});
jQuery("#NextButton").attr({'title':'Start Quiz','value':'Start Quiz'});
S
Thank you @Shashi
All of the CSS code worked fantastically! I appreciate you taking the time to help out a coding neophyte.

Leave a Reply


Terms & Conditions