Welcome to the LimeSurvey Community Forum

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

Aanpassen (bijvoorbeeld kleur) sjabloon fruity

  • karinecordy
  • karinecordy's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
3 years 3 months ago #209967 by karinecordy
Aanpassen (bijvoorbeeld kleur) sjabloon fruity was created 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!
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 3 months ago #209975 by Joffm
Replied by Joffm on topic Aanpassen (bijvoorbeeld kleur) sjabloon fruity
Natuurlijk.
U kunt elke status van de button aanpassen. In "custom.css"
Kleuren zijn uw zaak.

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


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

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

Actief en beweeg de muis erover
Code:
.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
The topic has been locked.
  • karinecordy
  • karinecordy's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
3 years 3 months ago #209978 by karinecordy
Replied by karinecordy on topic Aanpassen (bijvoorbeeld kleur) sjabloon fruity
Nu al dankjewel!
Klopt het dat ik die code moet toevoegen (copy-paste) aan een extends_fruity thema?
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 3 months ago #209979 by Joffm
Replied by Joffm on topic Aanpassen (bijvoorbeeld kleur) sjabloon fruity
Ja
Volunteers are not paid.
Not because they are worthless, but because they are priceless
The topic has been locked.
  • karinecordy
  • karinecordy's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
3 years 3 months ago #209981 by karinecordy
Replied by karinecordy on topic Aanpassen (bijvoorbeeld kleur) sjabloon fruity
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)!
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 3 months ago #209986 by Joffm
Replied by Joffm on topic Aanpassen (bijvoorbeeld kleur) sjabloon fruity
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'
Code:
.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
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 3 months ago #209996 by Joffm
Replied by Joffm on topic Aanpassen (bijvoorbeeld kleur) sjabloon fruity
Hier is iets voor "fruity".
Zonder dat de knop "Volgende" wordt beïnvloed.
Code:
.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
The topic has been locked.
  • karinecordy
  • karinecordy's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
3 years 3 months ago #210051 by karinecordy
Replied by karinecordy on topic Aanpassen (bijvoorbeeld kleur) sjabloon fruity
Dag Joffm

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

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source