Formatting irregularity

[Adam Abrams]

Hi Stephen!

Your plugin is doing a fantastic job for my client’s film festival! They have noticed, however, a formatting glitch which I can’t track down and seems to be coming from the shortcode-event-list.php template somehow.

On this page:

http://vjff.org/film-festival-listings/

You’ll note that certain listings have less space between them (i.e. only a sliver of space below the poster, vs. the larger space that should be there).

Looking at the code, I notice that, after the first two listings, there is a “strong” tag which encloses the remainder of the listings. Strange, and I can’t figure out why it would be. But it seems likely that this is influencing the layout and causing that inconsistency.

Here is a link to my current customized version of shortcode-event-list:

http://pastebin.com/S0BvNTg9

Hope you can help – thanks!
Adam

[Stephen Harris]

Hi Adam,

The gap between each event is determined by the margin applied to the excerpt paragraph. Where the gap is smaller is because there is less text.

I think you need to add a margin to the containing div for each event. This will be entirely down to the theme or child theme – Event Organiser doesn’t apply any styling there.

[Adam Abrams]

Thanks Stephen. I had added a “clear-both” div after each event, in the loop, so the reason I was writing was that I’d noticed that the third and remaining events were “down a level” for some reason, within a “strong” tag. That’s not – as far as I know – anything to do with my HTML or CSS. (I do know there’s no styling being applied by EO to the divs for each event, didn’t mean to imply that was the problem).

adam

[Stephen Harris]

“clear-both” will just clear floats, not adjust the margins – so I think applying a margin to the container is the right approach.

As for the strong tags, it looks like the strong tag is in the excerpt itself (I also see all entries with bold text rather than just those after the first two).

Could the strong tags have been entered into the event excerpt or added by the theme at the the_excerpt filter?

[Adam Abrams]

Hi Stephen. Thanks for the suggestions. The strong tags are not actually coming from the excerpts but instead there are two nested strong tags wrapping around all but the first two listings. Here’s an excerpt of the source HTML:

You can see the two “strong” tags, just before the highlighted text. Their closing counterparts appear after the final listing. I simply can’t fathom where they’re coming from but I’m sure it’s affecting the layout (and is just a weird thing anyway!).

adam

(PS – I’ll open a separate question about the highlighted area, as it’s not (apparently) critical but there does seem to be something amiss there as well.)

• This reply was modified 9 years, 4 months ago by  Adam Abrams.

[Adam Abrams]

Well, after endless go-rounds with this code, I finally realized that you were correct that the spurious “strong” tags were simply user error, added into the excerpt by hand in that one post!

I can’t imagine why I didn’t make absolutely sure of this earlier but for some reason i didn’t… until now. Sorry to imply, however subtly, that it might have anything do with the plugin itself.

So… it’s all sorted. Thanks!

[Stephen Harris]

Glad this is sorted for you now!

[Author]

Posts