Custom CSS to align events

  • I had a custom CSS code to align events on a single line: date on the left, title in the centre and content on the right. As the CSS classes changed with the last update, this CSS code no longer worked. I managed to find a correct alignment with the following code: vsel .vsel-meta, vsel-alignleft {clear:none; float:left; padding:0 10px 0 0;} vsel .vsel-info-block, vsel-alignright {clear:none; float:left; padding:0 10px 0 0;}

    Everything works fine except on mobile where the content row is placed under the date, which is normal, but does not take up the entire width of the container. Can you help me, I must have missed something.

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

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

    (@guido07111975)

    Hi,

    First, sorry for this. But the old name of this CSS-class was confusing.
    Guess you forgot the CSS of the mobile stylesheet. The link that you provided does not have an event list with this custom layout. Do you have a page with this layout, so I can take a look?

    Guido

    Thread Starter loicthisse

    (@loicthisse)

    Strangely, the code now seems to work on mobile, the content is well aligned in the centre and takes up the whole width under the date… maybe a cache problem.

    I’ll get back to you if I have a problem with the update on another site. Sorry for the inconvenience.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom CSS to align events’ is closed to new replies.