make VSEL widget look even simpler

  • Resolved rland

    (@rland)


    2 years, 5 months ago

    Hi there!

    First of all: great work, thank you!

    How can I make the look of the events in the widget even simpler?
    I want every event to be just one line, so it looks something like this:
    date – title – time – location (e.g. https://duoaliada.com/concerts/)

    Many thanks for any help!

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

    (@guido07111975)

    Hi,

    First hide the event info and the featured image via the settingspage.

    And add this at page Extra CSS of the Customizer:

    .vsel-meta-title, .vsel-meta-date, .vsel-meta-time, .vsel-meta-location {display:inline-block; padding-left:20px;}

    If you have multiple event lists and you only want to use this for a certain event list, you should use a page prefix.

    Unfortunately event title comes first, so before the date. But at your site you’re using the date as title.

    Guido

    Thread Starter rland

    (@rland)

    That’s it! Many thanks and best regards!

    Plugin Author Guido

    (@guido07111975)

    Great, you’re welcome!

    Guido

    Oh, I’m happy someone used my website as an example (https://duoaliada.com/concerts).

    I would have a small question – how to reduce the space between the title (which is date in my case) and the rest of the text (city etc.) It would definitely help to improve the overall look.

    Thanks so much!

    • This reply was modified 2 years, 5 months ago by knotsax.
    • This reply was modified 2 years, 5 months ago by knotsax.
    • This reply was modified 2 years, 5 months ago by knotsax.
    Plugin Author Guido

    (@guido07111975)

    Hi @knotsax

    Did not notice your reply until now.

    If you still having this question please open your own topic.

    Guido

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘make VSEL widget look even simpler’ is closed to new replies.