Agenda items table

  • Hello everyone!

    Little thing…

    I want to put my agenda items in a table, in columns. (like title, date, what etc. on one line).
    So that all the information of an item is next to each other instead of underneath each other.

    Here you can see what is is at this moment: https://www.rubenstelli.nl/agenda/
    This is what I wanted: https://postimg.cc/K31gWf91

    What is the way to achieve this?
    Does anyone have any idea?

    Best regards,
    Ruben

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Guido

    (@guido07111975)

    Hi Ruben,

    Add this at page Additional CSS page of the Customizer:

    .page-id-134278 .vsel-meta {display:flex;}
    .page-id-134278 .vsel-meta-title {flex:1;}
    .page-id-134278 .vsel-meta-date {flex:1;}
    .page-id-134278 .vsel-meta-cats {flex:1;}

    @media screen and (max-width: 767px) {
    	.page-id-134278 .vsel-meta {display:block;}
    }

    I have added a prefix, so it only has effect on that page.
    I also have added CSS for mobile screen (back to default). Otherwise it may not fit in mobile screen.

    Guido

    Thread Starter ruupie

    (@ruupie)

    Thanks Guido for the quickly response!
    Really good work.

    It it possible to switch the Title and Date? (Date – Title – Category)
    Date – Aligned left
    Title – Aligned center
    Category – Aligned right

    Then its perfect!!

    Plugin Author Guido

    (@guido07111975)

    Hi,

    Dutch?
    Is niet mogelijk want de velden worden in deze volgorde geladen.
    Ik zie dat je niet linkt naar de losse event pagina. Dan kun je ook overwegen om het titel veld te verbergen (via instellingen pagina) en de titel ook in het locatieveld te zetten, want dat veld wordt ná de datum getoond.

    Guido

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.