Hello! I currently have the custom code for background, but need additional help... | XM Community
Skip to main content
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!
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
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'});
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