Aanpassen (bijvoorbeeld kleur) sjabloon fruity

More
2 weeks 5 days ago #209967 by karinecordy
Is het mogelijk om bij een gekozen LS-sjabloon, bijvoorbeeld fruity, de kleurkeuze van een geselecteerde button aan te passen. Nu wijkt de kleur na selectie van een button slechts weinig (iets donkerder) af van de standaard groene kleur.

Bedankt alvast voor elke tip!

Please Log in to join the conversation.

LimeSurvey Partners
More
2 weeks 5 days ago #209975 by Joffm
Natuurlijk.
U kunt elke status van de button aanpassen. In "custom.css"
Kleuren zijn uw zaak.

Normaal
.btn-primary {
  border-color: #3d1100 !important;
  color: #3d1100 !important;
  background-color: #702000 !important;
}


Actief
.btn-primary.active, .btn-primary:active {
  background-color: #3d1100 !important;
  color: #3d1100 !important;
  border-color: #3d1100 !important;
}

Normaal en beweeg de muis erover
.btn-primary:hover {
  background-color: #3d1100 !important;
  color: #3d1100 !important;
  border-color: #3d1100; !important;
}

Actief en beweeg de muis erover
.btn-primary.active:hover {
  background-color: #3d1100 !important;
  color: #3d1100 !important;
  border-color: #3d1100 !important;
}



Joffm


Volunteers are not paid.
Not because they are worthless, but because they are priceless
Attachments:

Please Log in to join the conversation.

More
2 weeks 5 days ago #209978 by karinecordy
Nu al dankjewel!
Klopt het dat ik die code moet toevoegen (copy-paste) aan een extends_fruity thema?

Please Log in to join the conversation.

More
2 weeks 5 days ago #209979 by Joffm
Ja


Volunteers are not paid.
Not because they are worthless, but because they are priceless

Please Log in to join the conversation.

More
2 weeks 5 days ago #209981 by karinecordy
Is het mogelijk om me de code te bezorgen van het voorbeeld hierboven (Duits, grijs - rood)? Op dit ogenblik lukt me enkel de .active:hover en ik zie niet wat ik fout doe. Al bedankt (alweer)!

Please Log in to join the conversation.

More
2 weeks 5 days ago #209986 by Joffm
Merk op dat de knop "Volgende" ook de klasse "btn-primary" heeft.
Daarom hebben alle wijzigingen ook invloed op deze knop.
Kijk hier:
Het is echter een extended "vanilla"




Hier is mijn instelling voor 'grijs'
.btn-primary {
    background-color: #90A4AE;
    border-color: #95A5A6;
}
.btn-primary:hover {
    background-color: #78909C;
    border-color: #2C3E50;
}
 
.btn-primary:active, 
.btn-primary.active {
    background-color: red !important;
    border-color: crimson !important;
}


Volunteers are not paid.
Not because they are worthless, but because they are priceless
Attachments:

Please Log in to join the conversation.

More
2 weeks 4 days ago #209996 by Joffm
Hier is iets voor "fruity".
Zonder dat de knop "Volgende" wordt beïnvloed.
.fruity .button-item.btn-primary {
    background-color: #90A4AE;
    border-color: #95A5A6;
}
.fruity .button-item.btn-primary:hover {
    background-color: #78909C;
    border-color: #2C3E50;
}
 
.fruity .button-item.btn-primary:active, 
.fruity .button-item.btn-primary.active {
    background-color: red;
    border-color: red;
}
 
.fruity .button-item.btn-primary.active:hover, 
.fruity .button-item.btn-primary:active:hover {
  background-color: crimson;
  border-color: crimson;
}



U kunt hier kleuren opzoeken.
www.w3schools.com/colors/default.asp

Joffm


Volunteers are not paid.
Not because they are worthless, but because they are priceless
Attachments:

Please Log in to join the conversation.

More
2 weeks 2 days ago #210051 by karinecordy
Dag Joffm

Dankjewel voor deze info!
Met de code ".button-item.btn-primary:active" lukte het wel, met "btn-primary" wijzigden de kleuren niet.

Please Log in to join the conversation.

Start now!

Just create your account and start using Limesurvey today.

Register now