Styling Questions

  • Resolved 313webstudio

    (@313webstudio)


    5 years, 10 months ago

    Hi,

    1) Is it possible to only target certain cells? I tried targeting using CSS and JS but changes are applied to full table.
    I would like to hide or change background color of top left cell since it is empty.
    I would also like to show have different background color for cells that are empty.

    2) Based on your reply on another post here, I used CSS to hide rows/times for which I dont have shows. But I found an issue. If you scroll down to last show “The Loft with Troi Tyler”, it is scheduled for 9pm to 2pm. But since I have hidden rows for 1am and 2am the description is showing 9:00pm to 1200am as show timing when it should say 900pm to 2am. For some reason hiding a row also changes the data displayed in description.

    Thank you

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

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

    (@tonyzeoli)

    5 years, 10 months ago

    Okay, thanks for posting these.

    We just got a report on our Git tracker about overnight showtime issues when a show goes past the midnight hour, so we’re investigating that already here.

    But you’ve added a layer of detail here at the end of your post, which I’ll add to the ticket there.

    It’s always best to post her first a support issue like the background issue. But if you see a Bug, then head on over to Github and report it there. Thanks!

    This ticket will stay open until resolved.

    Plugin Contributor Tony Hayes

    (@majick)

    5 years, 10 months ago

    @313webstudio

    1) For targeting the top left cell you shoule be able to do something like:
    #master-program-schedule tr.hour-row-0 td.day-0 {background-color: #FFF;}
    For cells with no shifts, there is a 1-shifts, 2-shifts and so on class added, but not a no-shifts class yet (made a note to add one in future)… so you could use CSS with the :not pseudo-selector like this:
    #master-program-schedule td:not(.1-shifts):not(.2-shifts):not(.3-shifts) {background-color: #FFF;}
    or with jQuery it should be:
    jQuery('#master-program-schedule').not('.1-shifts, .2-shifts, .3-shifts');

    2) I did notice this recently, namely that the display for the shift was showing the split end time instead of the real end time, and changed it to display the real end time. These changes are in the latest development version:
    https://netmix.com/radio-station/docs/FAQ/#how-do-i-install-the-latest-development-version-for-testing

    When you hide the early morning rows, it won’t affect the schedule itself, but now that should not matter since the correct shift end time is displayed for the last shift of each day.

    • This reply was modified 5 years, 10 months ago by Tony Hayes.
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Styling Questions’ is closed to new replies.