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

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

  • September 1, 2018
  • 3 replies
  • 36 views

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!

Best answer by Anonymous

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

3 replies

  • Answer
  • September 2, 2018
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

  • September 2, 2018
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'});

  • Author
  • September 2, 2018
Thank you @Shashi All of the CSS code worked fantastically! I appreciate you taking the time to help out a coding neophyte.