Add Class to Row with Weekday Names

  • Resolved jmtmurphey

    (@jmtmurphey)


    7 years, 1 month ago

    Everything is working great but we need to style the monthly display for mobile. I can adjust everything except hide the weekday row. Could you add a class to this row in your plugin so it can be styled separately. I have done this for now but I prefer not to modify plugin code.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter jmtmurphey

    (@jmtmurphey)

    It would be really nice to have a weekly layout with days of the week like the upcoming events list where the Week day and date wee displayed where the date is in the Upcoming events list.

    To hide the weekday row, unless I am misunderstanding, you could use:

    td.weekend-heading {
    display: none;
}

td.normal-day-heading {
    display: none;
}

    On your second post, I’m not really sure what you are suggesting. One thing to note (that I should document better) is that the format of the date displayed follows the setting for date format under Settings > General. So you could configure your date as “l, F j, Y” which would give you a display of “Saturday, October 21, 2017” in the upcoming events list.

    Thread Starter jmtmurphey

    (@jmtmurphey)

    Thanks – that makes sense for Upcoming Events. We are also custom styling the monthly view for mobile, so I really wanted to be able to have the weekday in the mobile monthly view but not in the desktop full calendar. So, I think that would require different code, but we can work with it the way it is.

    https://www.dropbox.com/s/6prmrgoe9uf1uv0/Screen%20Shot%202017-10-24%20at%207.52.11%20AM.png?dl=0

    I will keep this in mind for a future release.

    Plugin Author Spiffy Plugins

    (@spiffyplugins)

    Version 3.5.0 of the plugin now supports a responsive layout, and also adds a class name to the weekday row.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Add Class to Row with Weekday Names’ is closed to new replies.