Date padding in list mode

  • Resolved asbchris

    (@asbchris)


    3 years, 11 months ago

    Hello friends!

    I’m using the plugin, yet in list mode on a mobile device, I am unable to see the date of the event as the actual event covers up the date.

    Is there any sort of padding settings to separate the date from the events?

    Thank you so much friends.

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

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi asbchris, I have the exact problem before and hope my fixed method could help you:

    1. use SSH or SFTP go into website host server;
    2. find the path: wp-content/plugins/the-events-calendar/src/resources/css/ ;
    3. should be a css file in there name: views-skeleton.min.cs ;
    4. open or download it to edit (also backup the file for safe) ;
    5. then find the string: tribe-events-calendar-list__event-date-tag-datetime
    6. then you should see some string next to it like:
    {display:flex;flex-direction:column;height:100%;text-align:center}
    7. now change the text-align:center to text-align:left
    8. save it or upload your already edited css file to replace the origin one

    Now the layout overlapping problem at mobile side should be gone, and maybe need to edit the same place after you update this plugin, hope it help~

    Plugin Support masoodak

    (@masoodak)

    Hi @asbchris,

    Thanks for reaching out! Also, thank you @kentest for jumping in and providing a valid workaround.

    @asbchris Let us know if the workaround @kentest has helped in this situation of if the issue still remains.

    Kind regards,
    Masood

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Date padding in list mode’ is closed to new replies.