Changing all buttons on Player

How do I change all buttons for a player i Studio? Css?

Depends what you mean by changing. You can change size and colors (of both the background and icon) using the custom styles plugin in Studio. If you need to change the icons - you will need to use a custom CSS file.

Yes, change the icon using CSS i.e removing the old icon and adding a new. This is my CSS, however I’m stuck in trying to remove the old one, which is icomon I belive i.e. content: “\e60b”, and adding svg for the new one :frowning:

/* clear out the font based icon /
.largePlayBtn.icon-play:before {
content: “”;
}
/
replace play button with new: */
.mwPlayerContainer .largePlayBtn, .mwPlayerContainer .largePlayBtn:hover{
background-image: url(‘http://ressurs.img.no/IMG/mediaspace_dev/custom_skin/play-btn2.png’);
background-size: 400px 400px;
background-repeat: no-repeat;
width: 400px;
height: 400px;
padding: 0px;
margin: -200px;
opacity: 0.6;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
}

/black bar with controls/
.controlsContainer {
height: 2.1em;
opacity: 0.6;
min-height: 100%;
}

.controlBarContainer {
height: 6.31em;
}
.controlBarContainer.open {
height: 6.31em;
}

.scrubber {
height: 0.6em;
}

.btn {
font-family: none !important;
font-size: 1.1em;
min-height: 100%;
}

.icon-play:before {
/* content: “\e60b”; */
background-image: url (‘http://ressurs.img.no/IMG/mediaspace_dev/custom_skin/play-btn2.png’);
}

button.btn.comp.fullScreenBtn.pull-right.display-high.icon-expand{
background-image: url (‘http://ressurs.img.no/IMG/mediaspace_dev/custom_skin/play-btn2.png’);

}

you can use:
.largePlayBtn.icon-play:before {
visibility: hidden;
}
Another option: since the font icon is basically text, you can set its color to transparent:
.largePlayBtn.icon-play {
color: rgba(0,0,0,0);
}
This will not work on IE8 though.

Ok. This is for the playbutton in the center. I’m stuck on the icon for expand and volume control. But I guess i’ts the same for this one. Anyway Thank you… manged to hide them :smile: