Hi Armin and friends,
On the fullscreenslider horizontally I have many slides with black background, at the moment I'm targeting each of these slides with the below CSS. But every time I add a new slide the fp-viewing number changes and the code won't work anymore.
body.fp-viewing-0-39, body.fp-viewing-0-25 {
background-color: rgb(8, 9, 11);
-webkit-transition: background 700ms ease;
-moz-transition: background 700ms ease;
-ms-transition: background 700ms ease;
-o-transition: background 700ms ease;
transition: background 700ms ease;
}
body.fp-viewing-0-39 .laynav a, body.fp-viewing-0-25 .laynav a {
color: #fff !important;
transition: color 600ms ease;
-webkit-transition: color 600ms ease;
}
body.fp-viewing-0-39 ._Caption, body.fp-viewing-0-25 ._Caption {
color: #fff;
transition: color 600ms ease;
-webkit-transition: color 600ms ease;
}
Is possible to add a id/class to the specific row to change menu and caption color, anyone achieved this with javascript?
Thanks in advance.