I just checked out your site and I see the issue you are talking about. Would you mind sharing your event builder code?
I will be looking into this when I get a chance. Thanks for bringing it to our attention.
As requested.
<div class="gce-list-event gce-tooltip-event">[event-title]</div>
[if-all-day]
<div><b>All day event :</b> [start-date]</div>
[/if-all-day]
[if-not-all-day]
<div><b>Starts:</b> [start-date] at [start-time]</div>
<div><b>Ends:</b> [start-date] at [end-time]</div>
[/if-not-all-day]
[if-location]<div><b>Location:</b> <a href="https://www.google.co.uk/maps?q=[location]">[location]</a></div>[/if-location]
[if-description]<div><b>Description:</b>[description html="true"]</div>[/if-description]
<div>[link newwindow="true"]More details...[/link]</div>
Cool thanks. So the line spacing in question is actually coming from the description of the event added on Google Calendar?
The description of the event in Google contains html … see below. It seems to work fine on initial load of the grid calendar on the page, but not the widget. And loses the spacing after hitting Next/Back.
Team sheet: <a href='https://drive.google.com/file/d/0B2Z1Jii2soh_cXJQTkVQR1BvUDg/view?usp=sharing'>Click to view</a>
Timetable: <a href='https://drive.google.com/file/d/0B2Z1Jii2soh_Wi1rYnZBZnlIMm8/view?usp=sharing'>Click to view</a>
Secondary registration: <a href='https://drive.google.com/file/d/0B2Z1Jii2soh_c21qVUppR1BBMFE/view?usp=sharing'>Click to view</a>
<br/>
Session 1: Warm up: 10.00 am, Start: 11:15 am, Finish: 2:10 pm
Session 2: Warm up: 2.50 pm, Start: 4:05 pm, Finish: 6:30 pm
Perfect. Thanks for all the information. I will update you when I test it all out and find out what’s going on.
Does it work correctly if you do it like this?
Team sheet: <a href='https://drive.google.com/file/d/0B2Z1Jii2soh_cXJQTkVQR1BvUDg/view?usp=sharing'>Click to view</a><br>
Timetable: <a href='https://drive.google.com/file/d/0B2Z1Jii2soh_Wi1rYnZBZnlIMm8/view?usp=sharing'>Click to view</a><br>
Secondary registration: <a href='https://drive.google.com/file/d/0B2Z1Jii2soh_c21qVUppR1BBMFE/view?usp=sharing'>Click to view</a><br>
<br/>
Session 1: Warm up: 10.00 am, Start: 11:15 am, Finish: 2:10 pm<br>
Session 2: Warm up: 2.50 pm, Start: 4:05 pm, Finish: 6:30 pm
It sort of works. But on the initial load of the grid calendar there is double line spacing which reverts to single line spacing after hitting next then back. The widget show single line spacing from the off. But obviously the actual calendar event on a mobile looks rubbish, and it’ll be a real pain to use lt; and gt; all the time.
Out of curiosity are you using the “Visual” or “Text” editor for entering the event builder codes?
I’m using “Text” editor… I like to actually know what’s going on with regard to the html.
Oh ok that’s what I was hoping for.
Hmm. I can’t replicate the issue exactly on my side so I wondering if there might be some sort of CSS issue or conflict somewhere else.
Could you try disabling your other plugins and use a default theme to see if it works properly then?
I can have a go .. but why is there a difference between the grid and the widget? And why would the formatting change in the grid simply by hitting the Next/Back button on the grid?
Yeah its just a good thing to try. I know it’s a pain. The CSS could be different in the different content areas (widget vs main content) so that is a possible reason for something like that.
When you changed the HTML for the event did you apply it to all events or just the single occurrence that you were editing?
Disabled all other plugins… same thing occurred.
I changed the HTML for all events.
Wrapping the description around <pre></pre> works.
[if-description]<div><b>Description:</b><br/><pre>[description html="true"]</pre></div>[/if-description]
