Support

Home Forums Events Calendar Add-on Saturday column cropped on right on calendar

Saturday column cropped on right on calendar

Posted: January 22, 2015 at 8:59 am

Viewing 4 reply threads


Marianna Van Gogh

January 22, 2015 at 8:59 am

WP 4.1
EE 3 latest versions
New installation

Hi, the saturday column is cropped on the right on EE on the website of one of my clients: http://wealthyfarmerswife.com/calendar-of-events/

I’ve tried wrapping it with a div and specifying the width but it was still cropped.

On mobiles, it even “eats away” most of the saturday column.

Please help!

Thank you,


Josh

  • Support Staff

January 22, 2015 at 10:13 am

Hi Marianna,

Can you temporarilily disable the CSS minification/compression? Combining the stylesheets is great for speeding up the page load, but it makes troubleshooting kind of tricky.


Marianna Van Gogh

January 22, 2015 at 10:38 am

Hi Josh, I just did. Please let me know if it works.


Tony

  • Support Staff

January 23, 2015 at 2:54 am

Hi Marianna,

This is being caused by a style within your theme – http://take.ms/NA0Ej

Specifically line 63 of styles.css:

tr th:last-child, tr td:last-child {
 border-right: 0px; 
}

Which basically says remove the border from the last table header and table cell within a row for any table on your site.

To fix this you’ll need to either remove that style (could cause issues depending on what that style ‘fixes’ within your theme) or override that style with your own specifically for the calendar. The latter can be done using something like this:

#espresso_calendar .fc-first th:last-child, 
#espresso_calendar .fc-week td:last-child {
border-right: 1px solid #aaa;
}

Which explicitly sets border right to match the rest of the table within the calendar.

We recommend using either the My Custom CSS or Reaktiv CSS Builder plugins to add custom styles such as these, or if your theme supports custom styles you can also use that functionality.


Marianna Van Gogh

January 23, 2015 at 9:14 am

Hi Tony,

Thank you for the CSS code, it has fixed it on computers’ screen.
However, looking at it on my iPhone 5 still crops most of the saturday column.

Thanks,

Viewing 4 reply threads

The support post ‘Saturday column cropped on right on calendar’ 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