1. Solution Center
  2. Brandlive Platform
  3. Admin: Design & Branding

How to: Hide the CC Icon Using CSS

Within the newest video player, the CC (Closed Caption) icon will be displayed for all sessions. If you have a session that does not have embedded captions, you can optionally hide the CC icon using CSS.

 

How to Configure

  1. Log into the Brandlive Platform and click on your project > "Edit project" button
  2. At the top of the page, click on the 3 ellipses icon > Custom CSS
  3. Copy and paste the below CSS in the CSS editor and click save.
  4. Publish your project.

 

// Hiding captions toggle
.session {
  .captions-enable-container[data-testid="controls-captions-button"] {
    display: none;
  }

  .popover-with-nav-container .popover-with-nav {
    height: auto !important;

    .popover-with-nav-main > li.popover-with-nav-link:nth-child(2) {
      display: none;
    }
  }
}

 

 

Was this article helpful?

0 out of 0 found this helpful
Have more questions? Submit a request

Comments

0 comments

Article is closed for comments.

Top