• Resolved chev2468

    (@chev2468)


    Hello,

    The text on the calendar on my mobile site is too large and overlaps the cell boundaries. Is there custom CSS I can use to make the font size smaller?

    Thank you for your help!

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Spiffy Plugins

    (@spiffyplugins)

    You could make the calendar responsive by setting “Responsive maximum width” on the Options tab. This will switch to a list display on small screen.

    If you really want to make the font smaller instead, you can use something like this:

    
    @media screen and (max-width: 480px) {	
    .spiffy {
        font-size: 10px;
    }
    }
    
    Thread Starter chev2468

    (@chev2468)

    Thank you so much!

    Your suggestions are both great options. I like how to smaller font looks for the calendar entries. Is there CSS I can add to make the font size smaller for the days of the week at the top of the calendar?

    Thanks again for your help!

    Plugin Author Spiffy Plugins

    (@spiffyplugins)

    You can adjust the weekday names using something like this:

    .weekend-heading, .normal-day-heading {
        font-size: 10px;
    }
    Thread Starter chev2468

    (@chev2468)

    That worked perfectly! Thank you so much for your help and for your quick replies. I really enjoy using the Spiffy Calendar plugin!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Font size for mobile calendar’ is closed to new replies.