Skip to main content
S
solid74
Inspiring
March 15, 2018
Answered

Any way to remove or hide the "x" button for closed captions?

  • March 15, 2018
  • 3 replies
  • 2530 views

Hello,

I have a project with a clean blue slate caption background and white text closed captions.  The "x" button to close the CC box looks bad on the blue background and it's really redundant since there is a CC button to toggle anyway.  Does anyone know of a solution for removing or hiding that little "x" button?  I have used JS options to modify the functionality of certain elements in many projects, but I suspect this would be more of a template based or CSS related issue.  I've searched edges of the internet for a solution but have yet to find one.

Thanks in advance for any advice!

Jayson

      This topic has been closed for replies.
      Correct answer mferguson192291

      copy and paste the following code into the CPLibraryAll.css file when you publish your course. Be sure to open the file in either notepad or Dreamweaver.

      #ccClose{display:none}

      3 replies

      K
      KnutCJ20425497
      Known Participant
      May 23, 2022

      This is an old thread, but I just found a better way of solving this.

       

      Paul Wilson has a youtube clip where he shows how you can show and hide playbar elements using javascript (Use JavaScript to Manipulate the Adobe Captivate Playbar - YouTube). He doesn't play with this particular setting, but he does directly affect the CSS in runtime ... which is exactly what you were looking to do. As was I. I just didn't want to have to make changes to the SCORM-package after export.

       

      So ... Execute a script, or an advanced action with a javascript, on enter for the slide and add this line to it: 

       

      $("#" + "ccClose").css("visibility", "hidden");

       

      It sets the visibility of the ccClose-object (the pesky X-button) to hidden.

       

        David Burnham HBA
        David Burnham HBA
        Inspiring
        March 20, 2018

        Another work around way to visibly remove the button is to publish to html5 then in the "assets folder > htmlimages folder > ccClose.png" simply remove the ccClose.png from the published folder. This area still stays hot for the mouse but the "graphic x" is removed.

        M
        mferguson192291
        Inspiring
        March 21, 2018

        It's better to just programatically get rid of the ccClose button rather than just hide the visual indicator. I like to take an Occam's Razor view of elearning development. Less is more. Don't clutter up the space, make things simplistic. One less thing that the user needs to load on the screen.

        S
        solid74Author
        Inspiring
        March 20, 2018

        Wow, 30 views and no responses.  I guess that's my cue that this is not possible lol.

        Thanks for reading, anyway!

        Jayson

        M
        mferguson192291Correct answer
        Inspiring
        March 20, 2018

        copy and paste the following code into the CPLibraryAll.css file when you publish your course. Be sure to open the file in either notepad or Dreamweaver.

        #ccClose{display:none}

          S
          solid74Author
          Inspiring
          March 20, 2018

          Thank you so much!  I had given up on it.  I knew it was through the CSS but I couldn't find the right JS function to remove the CSS entry in advanced actions.  I guess I should have just gone for the CSS file itself.  This is very helpful, thanks again!

          Jayson

          Terms & ConditionsAccessibility statement
          Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices