Formatting Spaces / Google Maps

Hi Dave,

I’m sorry to hear this is happening… I’m going to work on polishing up some of the CSS in both the free and pro versions prior to the release of Pro in March, but in the meantime you can work around this by inserting some padding in your CSS. Something like this:

.ics-calendar-list-wrapper { margin-bottom: 1.5em; }

Adjust the value to whatever looks best to you.

I notice your events are a bit run together too, so you could add this:

.ics-calendar-list-wrapper dd.event { margin-bottom: 1.5em; }

• This reply was modified 5 years, 1 month ago by room34.
• This reply was modified 5 years, 1 month ago by room34.

Hey Scott,

Thank you so much for the reply. I added the first CSS command to line 1 and it worked like a charm, thanks! The change has been reflected on my site.

But then I tried pasting the 2nd command (as is) into line 2, and nothing happened. I am not well-versed enough in CSS, though I did try a few things for about 40 minutes. Any idea what I might have missed?

Thank you and have a great day!
Regards,
Dave

I just tested it in the inspector in my browser so it’s possible the selector needs to be more specific. When in doubt you can always insert [space] !important just before the semicolon.

Huh, hey that worked perfectly! Thank you so much for your time to help, I really appreciate it!

Guess I should start learning some CSS basics. ??

Well… honestly I’m treading into some controversial waters with !important. Best practice is to find a way to avoid it, because it’s the lazy way to make things work. It’s not so bad to use in a situation like this though, where your code is the “end of the line.”

The problem with it is that it makes those CSS declarations harder to override, so it’s like an escalating arms race. Generally not good to include directly in a theme or plugin. I just checked the CSS in ICS Calendar and I’m actually using it 10 times. Not ideal, but there are specific reasons why it can be necessary, or at least expedient.