• Resolved kelvynjames

    (@kelvynjames)


    Hi All
    Total technical dunce here….
    Recently updated the plugin.
    On my sidebar I’ve the Events List running – it now looks (imho) rubbish – where has he little calendar icon gone? I’ve another not updated site (mountainservices.co.uk) & there are dividers between events etc etc? Am I doing something wrong or this update aesthetically poor?
    TIA

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support WilloftheD

    (@abzlevelup)

    Hi @kelvynjames, it seems like the stylings on the sidebar page for the calendar are not applied. Have you been doing customization or custom CSS for the sidebar?

    I’d recommend doing a Custom CSS. Go to Appearances → Customize → Additional CSS and insert this Custom CSS here:

     .tribe-events-widget .tribe-events-widget-events-list__event-date-tag-datetime{
      background: #666;
      box-sizing: border-box;
      display: inline;
      float: left;
      font-weight: 700;
      margin: 10px 5% 10px 0;
      overflow: hidden;
      padding: 3px;
      text-align: center;
      height: 70px;
    }
    
    .tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month {
      background: #fff;
      color: #666;
      display: block;
      font-size: 11px;
      letter-spacing: .5px;
      padding: 3px;
      text-align: center;
      text-transform: uppercase;
    }
    
    .tribe-events-widget .tribe-events-widget-events-list__event-date-tag-daynum, .tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month {
      display: block;
      font-size: 15px;
      line-height: 1.6;
      text-align: center;
      width: 100%;
    }
    
    .tribe-events-widget-events-list__event-date-tag-daynum.tribe-common-h2.tribe-common-h4--min-medium {
      color: #fff !important;
      margin-top: 10px !important;
    }
    
    .tribe-common-g-row.tribe-events-widget-events-list__event-row {
      border-bottom: 1px solid #ccc;
      padding-bottom: 10px !important;
    }

    See the screen recording here with the Custom CSS applied:
    https://share.getcloudapp.com/5zuPq566

    Moreover, you could also try installing this third-party plugin that allows you to insert code snippets on your website → https://wordpress.org/plugins/code-snippets/.

    It should work after applying this snippet. Make sure to clear the cache after. Moreover, you can check our Themer’s Guide to learn more about implementing CSS customization,

    See if that works on your end. Let me know how it goes.

    Best,
    Abz

    Plugin Support WilloftheD

    (@abzlevelup)

    Hey @kelvynjames, this thread has been inactive for a while, so we’re going to go ahead and mark it Resolved. Please feel free to open a new thread if any other questions come up, and we’d be happy to help.

    Cheers,
    Abz

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘little calendar icon missing?’ is closed to new replies.