Formatting Spaces / Google Maps

  • Resolved darangatang

    (@darangatang)


    4 years, 2 months ago

    Hello there,
    iCal Pro Beta user here. Liking the new format a lot!
    2 questions:

    1. It seems like the month header is now squashed up against bottom information of the last event in the previous month. Please see http://www.davedaranjo.com/gigs/
    A few spaces between the Stanton Street address and “February 2020” would be easier to read.

    2. Is there a way for the event’s address / location to click-through to Google Maps?

    Thank you!
    Dave

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author room34

    (@room34)

    4 years, 2 months ago

    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 4 years, 2 months ago by room34.
    • This reply was modified 4 years, 2 months ago by room34.
    Thread Starter darangatang

    (@darangatang)

    4 years, 2 months ago

    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

    Plugin Author room34

    (@room34)

    4 years, 2 months ago

    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.

    Thread Starter darangatang

    (@darangatang)

    4 years, 2 months ago

    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. 🙂

    Plugin Author room34

    (@room34)

    4 years, 2 months ago

    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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Formatting Spaces / Google Maps’ is closed to new replies.