Captivate Skin - centering the buttons

Question

In one of my projects I am only using 3 buttons on the Skin - Replay, Play and Close. When I review the project the buttons are left justified. When published the buttons are distributed evenly across the width – Replay is left justified, play is centered and Close is right justified.

Playbar

Is there a way to have all three buttons on the left or right?

TLCMediaDesign · Answer

Go into the assets/css/CPLibraryAll.css file and add the lines in BOLD to the CSS:

.playbarSmallButton

{

width:25px;

height:25px;

float:left;

display:inline;

-moz-user-select: none;

-khtml-user-select: none;

-webkit-user-select: none;

-o-user-select: none;

margin-left: 0px !important

}

.playbarSmallButton:hover {cursor:pointer;}

.playbarBigButton

{

width:41px;

height:25px;

float:left;

display:inline;

-moz-user-select: none;

-khtml-user-select: none;

-webkit-user-select: none;

-o-user-select: none;

margin-left: 0px !important

}

If you want the exit button to the right, add this CSS below the line above:

.playbarSmallButton:last-child {

margin-right: 2px;

float: right !important

}

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded