Problem with css-file

  • I have two problems with the display of the calender. I can’t figure what the problem is but I suppose it has to do with the css file. The listtype is 4 and HTML style is html5 in table.

    • The visible fields are EventDate, StartTime, EndDate, EndTime, LOCATION, CATEGORIES, SUMMARY, DESCRIPTION. In this order. Whatever I try LOCATION is always displayed on the second line. I don’t have used line break.
    • The date is also not displayed not correctly. Date is showed as “20:30 Mar 16 22:30” (I modified the format of the dates).

    I think it is a CSS problem because if I copy and past the information the order and display are correct. I don’t know how to solve it.
    Any suggestions?

    • This topic was modified 5 years, 8 months ago by baartr.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author anmari

    (@anmari)

    Please see column and order to see how to group and order your fields in the settings
    https://icalevents.com/support/documentation/list-types/

    Please see https://icalevents.com/4386-dates-times-formatting/ to set the date and time formats you desire..

    Thread Starter baartr

    (@baartr)

    I have seen the documentation. The order is correct but the display is not correct.

    Plugin Author anmari

    (@anmari)

    Hi baartr, I can’t help you without a heap more information and probably a link to your site.

    First though:

    You say ‘order’ is correct. Please also check that they are in the same ‘column’ in the settings else they will be in different ‘div’s.

    If you suspect it is css, then that will be specific to the combination of your theme’s css and the plugins css IF you are using it. Try switching off the plugin’s css. See https://icalevents.com/1806-plugin-and-theme-css-not-working-well-together/. Then only your theme (& other plugins), the html generated and the width of the content and any default browser css will determine placement. https://test.icalevents.com/agenda/html5-agenda/

    I find looking at the html and using the inspect element feature in firefox is great for determining what css is doing what to what.

    Note that the browser defaults and the width of content can affect things. EG: IN https://test.icalevents.com/agenda/html5-agenda/ the date & times end up on one line together but the spans for the description and location appear on other lines, possibly due to width and /or due to the h4 in the summary and the ‘address’ in the location. In that case, you may need to add your own css to arrange things the way you want. eg maybe float all the spans next to each other.

    Thread Starter baartr

    (@baartr)

    Thank you for your answer. It helped me. Changing the CSS-file was the solution. I changed it from icallist2017.css to icallist.css and – magic – problem gone.

    I’m glad the problem is solved but I did not dig into the differences between the two css-files neither do I understand why there are different css-files.

    But thank you for the plugin and your kind support.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Problem with css-file’ is closed to new replies.