Lisää peittokuvan väri Horizontal Slider -gallerian asetteluun

Vaaka- ja vieritysasettelulla varustetuissa liukusäätimissä ei ole sisäänrakennettua peittovärin mukauttamista, mutta voit hallita tätä CSS-ohjauksen avulla.


Lisää peittoväri seuraavasti:

  • Kopioi alla mainittu koko CSS-korjaus:
<style>
#frame .slidee li {opacity: 1;}
#frame .slidee li.list-active:after {background: none;}
#frame .slidee li:after {
background: #000000d1;
display:flex;
content: "";
position: absolute;
top: 0;
width: 100%;
z-index: 9;
height: 100%;
transition: all 1s ease-out;}
</style>

  • Kun olet kopioinut tarvittavan koodin, siirry kohtaan Asetukset (1).
  • In Ulkoiset skriptit (2), liitä koodi kohtaan osio (3).
  • Lyö Säästä (4) -painiketta tallentaaksesi muutokset studioon.

Päivitä nyt sivusto nähdäksesi muutokset live-sivustolla.

 

Etkö löydä etsimääsi?

Ota yhteyttä Pixpa-asiantuntijaan.