Events Border CSS Issues
-
I am trying to add a black border around each event. The problem is that the border on the left and right are not the 2px that I set. They seem to be 1px with some padding or something else cutting it small. It would be the events table tbody it looks like.
It worked correctly for .em-search-wrapper class. I can’t figure out how to set it for each individual event. I tried .entry table tr.alt { background: #F0F0F0; border: 2px solid black; } but this makes it 2 px on top and 1px on the left and right due to some padding or something somewhere. There is also a small break on top in the border where it intersects with the dividing border. This is the CSS that puts a line between the Event Details and the Event time:
.entry table td { border-left: 2px solid black; color: #bc1e2d; font-weight: bold; text-align: center; padding: 5px; vertical-align: middle; }There is a slight break on the Event Time side of the ledger. I am using Inspect, but it is difficult to distinguish what is making the border small to the left and right and what is causing the break at the perpendicular intersection.
The topic ‘Events Border CSS Issues’ is closed to new replies.