Aesthetic Changes?

  • Resolved david.amor

    (@davidamor)


    10 years, 3 months ago

    Functionally I seem to be getting there but aesthetically I’d like to make some changes. Some of this is because I’m trying to use StageShowPlus for events rather than shows, but I think with a bit of fiddling it’s probably possible. As an aside, after a lot of hunting this seems a lot better than many of the events plugins, many of which cost a lot more (so thank you!)

    I’m sure a lot of this is achievable via CSS but I’m hoping you can point me in the right direction as I’m not a CSS expert.

    Here’s a pic of what I’m talking about:
    http://i.imgur.com/Yg2VIUU.png

    At time of writing, the page is at:
    http://www.exeterstreethall.org/tickets/

    1. Since I have events not shows, I never need to worry about times. Effectively I only have one ‘performance’ per ‘show’. As such, is there a way of removing the time? We’re forever revising the start time and it just leaves room for error of there’s multiple places for me to revise it.
    2. ‘Show’ is the wrong terminology for me. Should be ‘Event’. I attempted to revise the language file but that didn’t seem to work. If this is the best way of solving this then I’ll persevere.
    3. Not sure why these column titles in Trolley styles are centre-justified. The column headers in Box Office styles are fine. Also, can I bold them?
    4. Functionality is good, but would prefer this as a button (not a link) since ‘Add’ in Box Office styles is a button. Just for consistency.
    5. Would like this right-justified.
    6. Can I put a separator between these events/ shows? Might be solved by point 8.
    7. Not sure why I’ve ended up with a &NBSP in the separator row. Any idea?
    8. The whole show section here is floating and looks erroneously left-justified and floating. Can I give it a border, like the trolley? That might make it look less floaty on the page but then might still look left justified. Maybe a backcolour?

    As I said, I’m not looking for you to hand-hold me through each of those but a pointers will likely save me a lot of time.

    Many thanks.

    http://wordpress.org/plugins/stageshow/

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

    (@malcolm-oph)

    10 years, 3 months ago

    Date and Time format can be customised by defining the STAGESHOW_DATETIME_BOXOFFICE_FORMAT constant in the wp_config.php file (as touched on in section 10.3 of the help file). For example to remove the time add the following line to your wp_config.php file:

    define (‘STAGESHOW_DATETIME_BOXOFFICE_FORMAT’, ‘d-m-Y’);

    The “Show” in the Shopping Trolley header is picked up by the translation file, so you should be able to achieve what you want using a translation file. Section 11 in the help file gives details on creating translation files.

    All elements on the page can be modified by CSS in your theme stylesheet (if you use a standard theme, then it is best to cerate a child theme from it so you can add CSS without updates destroying your changes). For example you can change the position and strength of the column titles by adding a CSS entry as follows:

    .stageshow-trolley-titles td
    {
    text-align: left !important; // Add !important to prevent other CSS files changing it
    font-weight: bold;
    }

    I check for CSS elements using Firebug with Firefox, but the built in Object inspector does a similar job, and with these tools you can see if your CSS is being picked up, and if it is being overwritten elsewhere. By adding CSS you can “undo” all the built in CSS to suit your own requirements. If you want to hide an element (for example the separator row) change the style of it to “display: none” using CSS.

    To make the “Remove” link look like a button, again use CSS to change the size, background colour and text decoration using CSS.

    If I remember correctly I added a   because the separator did nothing if it was an empty div tag.

    Thread Starter david.amor

    (@davidamor)

    10 years, 3 months ago

    Great stuff. I’m working my way through these now.

    I’m not sure why I couldn’t get your datetime line working, but this one did:

    define(‘STAGESHOW_DATETIME_BOXOFFICE_FORMAT’, ‘D, M jS, Y’);

    When I’ve got a few more things working I’ll post them here in case they’re useful.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Aesthetic Changes?’ is closed to new replies.