The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS impress.js: color change of entire text while one slide is active

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #280651

    hey there!
    before i try to explain my problem: i have medium interest in html and my skill level is probably even lower, so the solution to my problem might be really easy.
    i’m making a website using impress.js. essentially, what i’m doing is presenting a poem using the impress.js slides. all of my slides are strictly text-based. my #start slide is empty, however its position is very far out so it “zooms out” of the slides to show the whole picture.
    now, what i’ve currently achieved is the following: using .step i’ve set the standard font color of all of the slides to a light grey (i used rgba with low opacity). for the active slide, i set it to #fff using .active.
    now, what i want to change is, if the first slide #start is active, I’d like for the entirety of the text to turn white. i don’t know how to do this and i haven’t been able to find anyone who can help me so far, and everything i’ve come up with on my own so far hasn’t worked. i don’t know much about jquery and javascript so it may be that there’s a (hopefully simple) solution to my problem using those.

    i hope anyone can help me figure this out!
    thanks in advance


    i haven’t been able to find anyone who can help me so far

    I’m not sure which forums you’ve posted in already but it seems that you’re relying on somebody who already has a working knowledge of this “impress.js” library to jump in with assistance. I have to say that your chances of finding that in an unrelated coding forum, with only a vague description to go on, are slim. In the first instance, folks are likely to point you to the source website to either ask these questions in their forums, or ask the developer directly. But if you’ve already done that without response, and you want to try your chances out in the wild, you should at least provide a minimal demo in CodePen to show us unknowing souls what we’re up against, and give us a live example to tinker with. Note that we don’t need your whole codebase; We only need the very basics to illustrate the problem. Once we have that from you, the chances of receiving a helpful reply should improve, although I can’t say with any real certainty until we have actual code to assess. It doesn’t sound too difficult on face value, but then we all know how “seems easy enough” can quickly escalate once an unfamiliar codebase lands at the door. And the prospect of learning the workings of a 3rd party plugin could put many web devs off unless you plan on paying for their time.

    But back to your simplified CodePen demo… if you can get a link to that posted, we’ll be in a better position to assess and/or suggest fixes.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.