WordPress.org

Resolved

(@juhametsakallas)

Hello!

I am displaying the same calendar both in the normal layout and in the compact layout.

In the normal layout an event is displayed by

<li class="event t161500" data-feed-key="0">
  <span class="time">16:15
    <span class="end_time show_on_hover">– 17:45</span>
  </span>

  <span tabindex="0" aria-haspopup="true" class="title has_desc confirmed">Kafeja renkonto de EST</span>…														</li>

However in the compact layout there are som br elements

<li class="event t161500" data-feed-key="0">
  <span class="time">16:15
    <span class="end_time show_on_hover">– 17:45</span><br>
  </span><br>

  <span tabindex="0" aria-haspopup="true" class="title has_desc confirmed">Kafeja renkonto de EST</span>…														</li>

These line breaks create an extra white space between the event time and the event title in my CSS. Have I done an error in the CSS or is this a feature of the compact layout?

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

Viewing 2 replies - 1 through 2 (of 2 total)

Plugin Author room34
(@room34)

2 months, 1 week ago

There is nothing in the plugin that changes the HTML output when using compact. The changes are entirely in CSS.

Also I notice a small coding idiosyncrasy: I see that the tags are <br/> with no space before the closing slash. I always code those tags with a space, like this: <br />. So it would seem that something else on your site is causing those tags to be inserted. I’m not sure what might be interacting that way, but it could be something in your theme or another plugin, especially if you’re using a page builder like Elementor or WP Bakery.

You may need to test for a conflict by deactivating plugins one at a time. But as a quick fix, you can use some CSS to hide those tags:

.ics-calendar li.event br { display: none; }

Thread Starter Juha Metsäkallas
(@juhametsakallas)

2 months, 1 week ago

Ok. I opted for now for the quick fix.

Viewing 2 replies - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.