Background Color Behind Calendar Entries Gone

  • This page is an example of a problem that has recently cropped up after one of the My Calendar updates. The Divi theme we are using requires a dark green background color. With one of the recent My Calendar updates, the white color behind our detail information on a calendar entry has disappeared, making the entries hard to read. I’m guessing I’ve missed a setting in the plugin to make the background white but I haven’t figured out where this is at in the plugin settings. Can you help me get a white background back behind our calendar entries to make them easier to read?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Joe Dolson

    (@joedolson)

    I think your best path is to add some custom CSS to handle this. This isn’t something I’d try to handle in the plugin; there’s no way I’d know what to target. My Calendar just doesn’t set colors for anything outside of its own content.

    Add this:

    .single-mc-events #main-content { background: #fff; }

    Thread Starter mitchellnc

    (@mitchellnc)

    Joe,

    I put the CSS you suggested in the Custom CSS section for Divi at the top, but it has not affected the individual calendar entries, such as this:

    https://www.mitchellcountync.gov/mc-events/travel-tourism-development-authority-regular-session-5/?mc_id=1667

    Here is my custom CSS file loaded in Divi:

    .single-mc-events #main-content { background: #fff;?

    }

    .entry-content ul li {

    margin-bottom: 8px !important;

    }

    .entry-content ol li {

    margin-bottom: 8px !important;

    }

    et_pb_text ul, .et_pb_text ol {

    list-style-position: outside !important;

    margin-left: 18px;

    }

    div#main-content {

    ? ? background: transparent !IMPORTANT;

    }

    .text-padding-adjust #left-area ol, .entry-content ol, .et-l--body ol, .et-l--footer ol, .et-l--header ol {

    padding-bottom:0 !important;

    }

    .bs-custom-blurb .et_pb_blurb_container {

    ? vertical-align: middle;

    }

    @media(max-width:767px) {

    .bs-custom-blurb .et_pb_main_blurb_image {

    ? ? margin-left: auto;

    ? ? margin-right: auto;

    }

    }

    Is this the correct location for this code or do I need to put it somewhere else in WordPress?
    Plugin Author Joe Dolson

    (@joedolson)

    If you look further down in your custom CSS, you’ll see a separate line:

    div#main-content {?background: transparent !IMPORTANT;}

    That line overrides the one I had you add. I don’t know if it’s necessary; you could try removing it – I don’t know what it’s supposed to be doing. You could also move the line I provided so that it’s after that one; you’ll also need to add !important into the line I gave you, since that declaration will otherwise override what I gave you regardless of position.

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.