Support

Home Forums Event Espresso Premium EE4 Calendar add last week doesn't have calendar box around it

EE4 Calendar add last week doesn't have calendar box around it

Posted: September 9, 2015 at 10:08 pm


denise

September 9, 2015 at 10:08 pm

Hi,

I am using the Calendar add on. On the last week of the month, it doesn’t have the calendar wrapper around it, the row and column separator lines. How would I fix this? Is this a CSS issue?

Here is the link:
http://miyceramics.com/2015-calendar/

Thanks,
Denise


Tony

  • Support Staff

September 10, 2015 at 4:22 am

Hi Denise,

It is a CSS issue yes, your theme is adding this:

table tr:last-child td {
    border: none;
}

Notice if I disable that style the calendar displays correctly – http://take.ms/cVvzo

So you’ll need to override that rule for the EE calendar, you can do that using something like this:

#espresso_calendar table tr:last-child td {
    border: 1px solid #ddd;
}

#espresso_calendar table tr:last-child td:not(:last-child) {
    border-right: none;
}

The first rule adds a border back to all of the elements in the last row, the second removes the ‘double’ board you’ll get inbetweeen the middle elements.

We recommend using either the My Custom CSS or Reaktiv CSS Builder plugins to add custom styles such as these.


denise

September 11, 2015 at 3:44 pm

Thanks that worked!

The support post ‘EE4 Calendar add last week doesn't have calendar box around it’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso