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!
Wow, 30 views and no responses. I guess that's my cue that this is not possible lol.
Thanks for reading, anyway!
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.
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!
Excellent! Thank you!
Copy link to clipboard
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.
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.
This is an old thread, but I just found a better way of solving this.
$("#" + "ccClose").css("visibility", "hidden");
It sets the visibility of the ccClose-object (the pesky X-button) to hidden.