Help Desk

desktop calendar widget css

  • Posts: 26 Topics: 14
    | Permalink

    I had submitted a ticket for this once before because the letters wrap in my calendar widget on the desktop only. I entered the css to fix it, but the issue has returned. has there been a change in the css?
    mahalo

    Posts: 65
    | Permalink

    Hi! Thanks for reaching out. We’re experiencing a high volume of support requests right now, but please do bear with us and we’ll review your question as quickly as possible.

    Posts: 1659
    | Permalink

    Hi again Sarah 😉

    I’m not sure what happened with your website’s css, but you may solve your issue by adding the following snippet in Appearance > Customize > Additional CSS:

    .tribe-mini-calendar-event .list-date .list-dayname {
        padding: 2px;
    }

    I hope this helps.

    Cheers,
    Jeremy

    Posts: 26 Topics: 14
    | Permalink

    I added the CSS above and I am still having a wrap around only in the widget bar is there a way to reduce the size of text?

    Posts: 1659
    | Permalink

    Hi Sarah,

    Instead of the snippet I gave you last time, could you add this one?

    .tribe-mini-calendar-event .list-date .list-dayname {
        padding: 2px !important;
        font-size: 10px;
        letter-spacing: inherit;
    }

    Please let me know how it goes.

    Cheers,
    Jeremy

    Posts: 65
    | Permalink

    Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

    Thanks so much!
    The Events Calendar Support Team

    | Permalink

The topic ‘desktop calendar widget css’ is closed to new replies.