Viewing 7 replies - 1 through 7 (of 7 total)
  • Change the css

    .tribe-events-day .tribe-events-day-time-slot .tribe-events-day-time-slot-heading {

    to display:none;}

    that should do it.

    Hey there!

    Looks like you’ve got this figured out, awesome!

    Take care,
    Ed ??

    Thread Starter stephan1966

    (@stephan1966)

    Hi Ed, not really still have some problems with it, especially with mobile.
    I put this in in Custom CSS
    div.tribe-events-day .tribe-events-day-time-slot .tribe-events-day-time-slot-heading { display:none;
    }

    But stil have the white bar with time and date, so if you can help me out, it would be so great!
    Thanks in advance

    Thread Starter stephan1966

    (@stephan1966)

    Dear Kburrows, thanks a lot.

    Hey there,

    Just following up on this, did the CSS that kburrows provided help you out?

    Take care,
    Ed ??

    Thread Starter stephan1966

    (@stephan1966)

    https://chiangmai-cityagenda.com/event/natural-building-course-practice-playground/

    For example, if you see this on your mobile phone , you see the annoying white bars at the top of the event. I followed up kBurrows Css.

    I am scared i put down some conflicting CSS..

    .search-form {
    display: none;
    }
    .site-info {display: none}

    .tribe-bar-disabled {
    display: none;
    }
    .tribe-events-day .tribe-events-day-time-slot .tribe-events-day-time-slot-heading {display:none;
    }

    @media only screen and (max-width: 768px) {
    .tribe-events-loop .tribe-events-event-meta {
    background: transparent !important;
    border: none;
    }

    #tribe-events .tribe-events-list-event-description p {display:none !important}
    }

    div.tribe-events-event-image {
    display:none;
    }

    body.single.post.entry-previewimage {
    display: none;
    }
    /* Remove meta data */
    .entry-meta .byline, .entry-meta .cat-links { display: none; }

    .entry-meta .posted-on { display: none; }

    That white bar shows date info.

    to remove it you’ll need to set a device specific CSS rule, or change the background of the element to match others.

    Take care,
    Ed ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘how to disable or delete the white bar’ is closed to new replies.