CSS for seat colours and seat box sizes

  • Resolved kevers82

    (@kevers82)


    6 years ago

    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 6 years 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

    (@malcolm-oph)

    CSS to set the size of the “Seats”

    .stageshow-boxoffice-seat
    {
    width: 50px !important;
    height: 50px !important;
    }

    CSS to change the colours

    You can set the colours for the following classes
    stageshow-boxoffice-seat-available
    stageshow-boxoffice-seat-requested
    stageshow-boxoffice-seat-reserved
    stageshow-boxoffice-seat-allocated
    stageshow-boxoffice-seat-booked
    stageshow-boxoffice-seat-locked
    stageshow-boxoffice-seat-disabled
    stageshow-boxoffice-seat-unknown

    So for example
    div.stageshow-boxoffice-seat-booked
    {
    background-color: #FF0000 !important;
    }

    Thread Starter kevers82

    (@kevers82)

    Thank you worked perfectly

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

    Whatever one you select in stage show settings.

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

    Chris

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

    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

    Thanks,
    Chris

    You can put seat numbers in wp-content/uploads/stageshow/html/stageshowgold-decod-lnm.tab.
    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:
    .stageshow-boxoffice-seat
    {
    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(“https://example.com/images/seat.png”);
    }

    div.stageshow-boxoffice-seat-requested
    {
    cursor: pointer;
    background-color: #FF800F;
    background-image: url(“https://example.com/images/seatrequest.png”);
    }

    div.stageshow-boxoffice-seat-reserved
    {
    background-color: #FF0000;
    background-image: url(“https://example.com/images/seatsold.png”);
    }

    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.