Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Search Results (Searched for: background)

  • Joffm
  • Joffm's Avatar
10 May 2023 11:45
Replied by Joffm on topic Changing background color for Send Button
Hi, I wonder why you did not answer the questions at the beginning
So we do not know your version of LimeSurvey.

Nevertheless
With
Code:
.btn-primary {
    background-color: gold !important;
    border-color: #95A5A6;
}
 
.btn-primary:active, 
.btn-primary.active {
    background-color: red !important;
    border-color: crimson !important;
}
.btn-primary:hover,
.btn-primary:focus {
    color: #fff !important;
    background-color: chartreuse !important;
    border: 1px solid #ff5f00 !important;
    font-family: 'Montserrat' !important;
}

I get this


And hovering the "Send"-button


Joffm
 
  • jjaramillo
  • jjaramillo's Avatar
09 May 2023 23:26 - 09 May 2023 23:27
Changing background color for Send Button was created by jjaramillo
Please help us help you and fill where relevant:
Your LimeSurvey version: [see right hand bottom of your LimeSurvey admin screen]
Own server or LimeSurvey hosting:
Survey theme/template:
==================
(Write here your question/remark)


Hi,

I've successfully changed all background colors for most of the buttons, texts, etc., with the custom.css file. With the help of the inspection feature to explore all the different elements in the website as I don't have experience with JS.

But for some reason, changing the latest state of the "Send" button (when you finish the survey), meaning after you click the button and unhover it with the mouse seems not to work.

I've changed the colors for :hover, :focus and they work correctly. I even changed the behavior after the button is clicked for the "Next" button using this code:

.fruity .btn-primary:disabled:hover,
.fruity .btn-primary:disabled:focus,
.fruity .btn-primary:disabled:hover,
.fruity .btn-primary:disabled:focus{
    color: #fff;
    background-color: #EAB99A;
    border: 1px solid #ff5f00;
    font-family: 'Montserrat';
}

, but the same approach is not working for the Send button.

If someone can help me I would really appreciate it.

Best,

Juan

 
  • Joffm
  • Joffm's Avatar
09 May 2023 17:25 - 10 May 2023 16:19
Replied by Joffm on topic Schieberegler Anzeige
Also so etwas.




Einfach dieses bisschen css in den Fragetext.
Code:
<style type="text/css">
  .slider.slider-untouched .slider-handle {
  background-color: transparent;
}
.slider.slider-untouched .tooltip {
  display: none !important; 
}
</style>

Und wenn der Tooltip gar nicht erscheinen soll, lässt Du dort den Teil ".slider-untouched" weg.
Beim .slider-handle kannst Du ebenfalls "display:none" benutzen. Ist wohl auch sauberer.

Joffm

P.S.
Dabei steht dies auch in meinem "Tutorial 2: ", Kapitel 4.1.
Displaying 106 - 108 out of 108 results.

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source