Support » Plugin: The Events Calendar » 4.3.5 Widget Padding Issue

  • Resolved EmDeeEm

    (@emdeeem)



    Updated to 4.3.5, and now the padding on the elements in the widget preview is all out of whack. The spacing between events is ridiculously large (http://i.imgur.com/8SRYaIA.png). The still look fine on the /events/ page.

    What can I do to resolve this?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Contributor Caroline

    (@tribecari)

    Hi @emdeeem,

    Thanks for reaching out! You can easily change the amount of spacing between list widget items using CSS–this Knowledgebase article walks you through how to create a new tribe-events.css file in a subfolder within your theme folder for style changes. Try this bit of code in your new CSS file and see if the effect works for your needs:

    .tribe-events-list-widget ol li { padding: 1em 0; }

    Let us know if you should have any other questions after giving it a try! 🙂

    Best,
    Caroline

    I am having the same issue. I will give this a try…..

    So that got me about halfway there.

    But it looks like some CSS thats causing a problem is coming from /wp-content/plugins/the-events-calendar/src/resources/css/tribe-events-full.min.css?ver=4.3.5

    specifically .tribe-events-list-widget ol li {
    margin-bottom: 30px; }

    Is there a workaround to that?

    I also hit a stone wall.

    Plugin Contributor geoffgraham

    (@geoffgraham)

    Hey there!

    You can change that (or any) property in the stylesheet Caroline mentioned. So, for example, instead of this:

    .tribe-events-list-widget ol li {
      margin-bottom: 30px; 
    }

    …you can do this:

    .tribe-events-list-widget ol li {
      margin-bottom: 0px; /* or whatever spacing you'd like */
    }

    Cheers!
    Geoff

    • This reply was modified 1 year, 8 months ago by  geoffgraham.

    Hi Geoff,

    I did they that in both my main stylesheet and tribe-events.css, but it didn’t work. I also tried it with an !important tag

    4.4.0.1 fixed the issue

    Hey @emdeeem,

    Glad to see 4.4.0.1 resolved this for you! Be sure to reach out in the future if you have questions. 🙂

    Best,

    Shelby

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘4.3.5 Widget Padding Issue’ is closed to new replies.