Remove border around event title

  • Resolved Piv56

    (@piv56)


    7 years, 2 months ago

    Hello,

    I am rebuilding one of my sites which will show a list of possible gymnastic and sporting events per day. Trouble is the event title is cut off, i.e is not the full width of the cell as in your demo site http://demo.wp-events-plugin.com/calendar/

    You can see what’s happening here http://lelooping.ch/wp2/ Just scroll down to the calendar. I just have one recurring event for now.

    How do I get the behaviour in your demo site?? As soon as the site is ready I will switch the langage to FR!

    Thanks

    Andrew

Viewing 7 replies - 1 through 7 (of 7 total)
  • Eddie

    (@eddietate)

    7 years, 2 months ago

    In your stylesheet, add:

    .fc-day-grid-event .fc-content {
    white-space: normal;
    overflow: hidden;
}

    That will make it look like this:

    Outcome

    • This reply was modified 7 years, 2 months ago by Eddie.
    Eddie

    (@eddietate)

    7 years, 2 months ago

    Alternatively, remove the padding from:

    .entry-content tr td, body.et-pb-preview #main-content .container tr td {
    /* padding: 6px 24px; */
    border-top: 1px solid #eee;
}

    With both tweaks combined:

    Thread Starter Piv56

    (@piv56)

    7 years, 2 months ago

    Many thanks for the “Blitz schnell” replies. I have added both tweaks to the Divi 3 custom CSS but can see no change?? I’ve checked that the new CSS is in the page and tested with IE and Chrome.

    Maybe something in the Divi 3 CSS is overriding?? Spent most of yesterday afternoon “learning” Divi 3 and don’t want the time and expense of having to familiarise myself with another theme that support FR!

    Thanks

    Andrew

    Eddie

    (@eddietate)

    7 years, 2 months ago

    Try this:

    .fc-day-grid-event .fc-content {
    white-space: normal!important;
}
.entry-content tr td, body.et-pb-preview #main-content .container tr td {
    padding: 0px!important;
}

    If that doesn’t work, perhaps try adding it to your themes stylesheet directly.

    Thread Starter Piv56

    (@piv56)

    7 years, 2 months ago

    Thanks,

    That gives me the full width of the line which is OK for now as I may make the Weekly Agenda view default if I can work out how to shift the time frame from 15:00 – 22:00. I think I’ve already seen a post on this.

    Many thanks

    Andrew

    Eddie

    (@eddietate)

    7 years, 2 months ago

    Glad it helps. Sorry I can’t be too much more help, I haven’t ever used this plugin. I’m just going through support requests helping people out where I can.

    Take care.

    caimin_nwl

    (@caimin_nwl)

    7 years, 2 months ago

    If you can post a link we might be able to suggest a fix.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Remove border around event title’ is closed to new replies.