• Resolved accuratelimited

    (@accuratelimited)


    Hi Phil, You suggested if I needed any help….

    Additional dubious “div” code showing up on code.

    I found it because I was trying to style the output using css and all that is available to style are the divs within the gce-list (e.g. .gce-list .gce-event-day .gce-feed div {}) – I wanted to add a 5px margin to match the title.

    In doing so, I noticed something odd. The second event of a grouped day indents by a further 5px.

    https://www.arra.org.nz/calendar/ – Look at 7th March as the first example.

    By inspecting element you might notice:
    <div< div="">
    which is then randomly closed by:
    </div<>

    Can this be fixed in the next update / and or provide a fix?

    Additionally, can we have some css options like in the sidebar on the list output?

    https://www.ads-software.com/plugins/google-calendar-events/

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Contributor Nick Young

    (@nickyoung87)

    Hi we just pushed a new update. Can you let me know if you are still having this problem after the update?

    Thanks!

    Thread Starter accuratelimited

    (@accuratelimited)

    Hi Phil,

    Same error.

    It only applies to the first two days that have multiple events. All others are fine.

    If no-one else is getting this error, lets park it for a month and see if it goes away? I can live with it at the moment but what i’d like to have done is have the events side by side. e.g: :nth-child(even/odd) wrapping left and right because of my design the text looks really small.

    I can’t currently do that because the second .gce-event-day (first with multiple days) hasn’t closed properly and therefore is the entire page.

    The list is generated with the shortcode so I haven’t done anything to it. Please note, this applies only on the full page grid (which uses DIVs and not on the sidebar)

    David

    Plugin Contributor Nick Young

    (@nickyoung87)

    Do you have this issue if you switch to a default theme and disable your other plugins?

    Are you using the event builder code? If so, what is it set to?

    Thread Starter accuratelimited

    (@accuratelimited)

    Tested with 2015 and have the same result.

    This is my code:
    [event-title]
    Starts: [start-time]
    [if-location]
    Location: [location]
    [/if-location]
    [if-description]

    Description: [description]
    [/if-description]

    However, I have now used the simple sidebar settings and clicked the check box and it works. This is a good workaround for the time being.

    Thread Starter accuratelimited

    (@accuratelimited)

    Also deactivated all plugins and no change

    Plugin Contributor Nick Young

    (@nickyoung87)

    Is there any HTML hiidng in the “HTML” tab of the text editor where you event builder codes are?

    Thread Starter accuratelimited

    (@accuratelimited)

    Sorry Nick, Yes you are right.

    There were DIVs in the html code but all were closed. I have removed them now. The code also looked like something your plugin would make as the first div was called gce-event-list or similar.

    Not sure how they got there, it also doesn’t explain how further down the page that the information was being displayed as intended (but still a quirk of my making).

    I appreciate your assistance. I have left it using the “simple display options” since the event builder code doesn’t output any HTML. All that is output is:

    <div class="gce-feed gce-feed-1320">Blues v Lions<br />
    Starts: 7:35 pm Location: QBE Stadium Description: Super Rugby Match. Must watch </div>

    This was the “Text (HTML)”:
    [event-title]
    Starts: [start-time]

    [if-location]
    Location: [location]
    [/if-location]

    [if-description]
    Description: [description]
    [/if-description]

    Which means it all goes on one line and doesn’t allow me to style anything.

    I mentioned this on the feature request. Any chance you can output code that looks something like:

    <div class="gce-feed gce-feed-1320"><br />
    <p><span class="gce-event-title">Blues v Lions</span></p><br />
    <p><span class="gce-event-start-title">Starts: </span><span class="gce-event-start">7:35 pm</span></p><br />
    <p><span class="gce-event-location-title">Starts: </span><span class="gce-event-start">7:35 pm</span></p><br />

    Perhaps using code like:
    [event-title]
    [start-time-title] [start-time]

    [if-location]
    [location-title] [location]
    [/if-location]

    [if-description]
    [description-title] [description]
    [/if-description]

    Even this might be a little over-kill – I think if the Star-Time / Location / Description were put in a span element then that output could be styled. E.g. Adding a background image for location rather than text. Alternatively, a designer can just use the :before selector.

    Anyway, it seems I have taken enough of your time.

    Thanks for your help. Great and simple plugin.

    Plugin Contributor Nick Young

    (@nickyoung87)

    I mentioned this on the feature request. Any chance you can output code that looks something like:

    You are able to do that with HTML and the event builder shortcodes.

    Plugin Contributor Nick Young

    (@nickyoung87)

    Marking this as resolved now. Let us know if you run into any more issues.

    Thanks!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Error in Output on list view (Multiple event on same day)’ is closed to new replies.