I'm not familiar with less, so '.opacity(15)' is foreign to me. Changing the .15 opacity in the inspector to 1 fixes it and yes the selector you listed out looks like it. Here's another screenshot: https://cln.sh/P1XQ
Also, I'm wondering about all the flagged things in that screenshot. -khtml as a prefix? I have to say I haven't seen that before and khtml seems like, in general, a blast from the long past. Is this an old site? On Tue, May 12, 2020 at 12:41 PM Sandy Feldman <sa...@sandyfeldman.com> wrote: > > https://github.com/NUKnightLab/TimelineJS3/blob/master/source/less/slider/TL.SlideNav.less > > .opacity(15); > on this page is doing it, right? I just can't figure out how to tell it > to stop. > > s. > > > On 2020-05-12 11:57 a.m., Tom Livingston wrote: > > I realized after the fact that the link I sent had no explanation. My > > apologies as I was in the middle of several things including a video > > conference call. > > > > That link is legit. It's a screenshot of where I found the opacity > > problem in question. > > > > On Tue, May 12, 2020 at 11:22 AM Sandy Feldman <sa...@sandyfeldman.com> > > wrote: > >> > >> > >> On 2020-05-12 11:15 a.m., Tom Livingston wrote: > >> > >> On Tue, May 12, 2020 at 11:02 AM Sandy Feldman <sa...@sandyfeldman.com> > >> wrote: > >> > >> 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 > >> > >> Can you specify what elements you are trying to affect the opacity on? > >> > >> > >> https://blackspaceportal.library.brandeis.edu/aaas-timeline > >> > >> On the timeline, just under the black arrow, there's some text. First > >> slide says "AAAS 130B". It's very pale until hover, when it turns black. I > >> need to get it black the whole time and add a different hover/focus style. > >> > >> -- > >> Sandy > >> sandyfeldman.com > > > > > > > > -- > Sandy > > sandyfeldman.com -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 ______________________________________________________________________ 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/
