S3Bubble OTT Streaming

shape
shape
shape
shape
shape
shape
shape
shape

S3Bubble Support Forums

To stay up to date with the latest S3Bubble updates and tutorials please make sure you sign up to our YouTube Channel.

home Forums General Questions & Bugs Custom CSS to change theme play button and exit X

Viewing 2 reply threads
  • Author
    Posts
    • #31905
      balexing
      Participant

      Hello All,

      I am wondering if there is any custom .css to change the Streamium theme’s play button and exit X? I would like to have them match my brand colors.

      Thanks,

      B.

    • #31914
      sriflixlk
      Participant

      Here’s what I use on my website. Paste this on the additional css section.

      .static-row .overlay .play-icon-wrap-rel-ring {
          border: .3vw solid #f90000; /* change outer ring color*/
      	transition: all .3s ease;
      }
      
      .static-row .overlay .play-icon-wrap {
          color: #8f0000; /* change play icon color*/
      	transition: all .3s ease;
      transform: scale(1.2);
      }
      
      /* hover grow */
      .static-row .overlay .play-icon-wrap-rel {
      transition: all .3s ease;
      }
      
      .static-row .overlay .play-icon-wrap-rel:hover {
      transition: all .3s ease;
      transform: scale(1.2);
      }
      • This reply was modified 3 years, 10 months ago by s3bubble.
    • #31922
      s3bubble
      Keymaster

      Hi Both,

      sriflixlk response should work for you.

      You might need to add !important as well

      Best Regards

      Sam

Viewing 2 reply threads
  • The forum ‘General Questions & Bugs’ is closed to new topics and replies.