Welcome to the LimeSurvey Community Forum

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

Aanpassen (bijvoorbeeld kleur) sjabloon fruity

karinecordy
Topic Author
Offline
New Member

More

5 years 8 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
Away
LimeSurvey Community Team

More

5 years 8 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
Topic Author
Offline
New Member

More

5 years 8 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
Away
LimeSurvey Community Team

More

5 years 8 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
Topic Author
Offline
New Member

More

5 years 8 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
Away
LimeSurvey Community Team

More

5 years 8 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
Away
LimeSurvey Community Team

More

5 years 8 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
Topic Author
Offline
New Member

More

5 years 8 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.

Moderators: holch, tpartner

Powered by Kunena Forum

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans

Get started

Welcome to the LimeSurvey Community Forum

Aanpassen (bijvoorbeeld kleur) sjabloon fruity

Lime-years ahead

Legal

About Us

Open Source