Support » Plugin: StageShow » CSS for seat colours and seat box sizes

  • Resolved kevers82


    Firstly can i say i think this is an amazing plugin and does exactly what we need for a small amateur dramatic society.

    I have started setting it up but would like to change the colours of the seats both when they are unavailable for selection (reserved) and available as i struggle to differentiate between the two. I would also like to increase the size of the seats in the selection which may fix the first problem i have.

    The last thing is improving the stage picture which is rather dull at the moment how do i get a white filled box with stage written in it?

    Any help would be appreciated

    • This topic was modified 1 year ago by kevers82.

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Malcolm


    CSS to set the size of the “Seats”

    width: 50px !important;
    height: 50px !important;

    CSS to change the colours

    You can set the colours for the following classes

    So for example
    background-color: #FF0000 !important;



    Thank you worked perfectly

    Hi, which is the correct location of the css I have to adapt in order to change this?

    Whatever one you select in stage show settings.

    This should be in wp-content/uploads/stageshow/css


    Thanks Chris!
    Is there also a possibility to write the seatnumber into the box?

    Hi Peter,

    That’s beyond my expertise sadly.

    Maybe someone else can help you out with that one.

    I don’t use it on my site and haven’t seen it on anyone else’s running SS


    You can put seat numbers in wp-content/uploads/stageshow/html/
    Make sure your seats boxes are big enough and the text you use for the seat numbers small enough. We did this is stageshow-seats.css:
    border: 1px black solid;
    border-radius: 4px;
    padding: 0;
    margin: 2px;
    width: 18px;
    height: 23px;
    font-size: 9px;
    letter-spacing: -1px;
    text-align: center;
    and div.stageshow-boxoffice-seat-available
    cursor: pointer;
    //background-color: #00C000;
    background-image: url(“”);

    cursor: pointer;
    background-color: #FF800F;
    background-image: url(“”);

    background-color: #FF0000;
    background-image: url(“”);

    Thank you very much!
    Nearly up and running for the upcoming season 😉

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘CSS for seat colours and seat box sizes’ is closed to new replies.