Ibland kanske man vill göra alla bilder på en sida i gråskala, med hoover effekt att du ser färgen.
Du kan spana in sidan kockstudion.se för att se hur det kan se ut.
Först går du till den sidan där du vill ändra till svartvita bilder.
1. Klicka på Inställningar på den rad (grön) där bilderna ligger. Inte bildmodulens inställningar (grå)
2. Öppna Avancerat
3. Klistra in koden grayscale et_pb_row_fullwidth i rutan CSS-klass
4. Spara
Sen kan du klicka på Visa sidan
1. Klicka på Tema-anpassaren
2. Scrolla längst ned och öppna Extra CSS
3. Klistra in nedanstående kod
4. Publicera
/* Grayscale on images */
.grayscale .et_pb_image {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: .8;
}
.grayscale .et_pb_image:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
}
.et_overlay:before {
display: none;
}