hey all (I think there may be 4 of us now!)

I am trying to improve the contrast on a knight lab timeline. There are a couple of elements that have reduced opacity that need to be brought up to full. I can't seem to find the right selectors.
https://blackspaceportal.library.brandeis.edu/aaas-timeline/

Here are knight lab hints on styling

https://timeline.knightlab.com/docs/faq.html#styling


Here's what I've tried so far:

.tl-slidenav-previous .tl-slidenav-title, .tl-slidenav-next .tl-slidenav-title, .tl-slidenav-previous .tl-slidenav-description, .tl-slidenav-next .tl-slidenav-description {
    filter: alpha(opacity=1);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}
div.tl-slidenav-title {
    filter: alpha(opacity=1);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}
div.tl-slidenav-title A{
    color: #000;
    filter: alpha(opacity=1);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

I also need to  make the dates along the time axis darker.

.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor .tl-timeaxis-tick {
     color: #666;
}

Your help is really appreciated!

--

Sandy
sandyfeldman.com

______________________________________________________________________
css-discuss [css-d@css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to