4.3.5 Widget Padding Issue

  • Resolved EmDeeEm

    (@emdeeem)


    9 years, 4 months ago

    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)
  • Caroline

    (@tribecari)

    9 years, 4 months ago

    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

    wclune

    (@wclune)

    9 years, 4 months ago

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

    Thread Starter EmDeeEm

    (@emdeeem)

    9 years, 4 months ago

    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?

    wclune

    (@wclune)

    9 years, 4 months ago

    I also hit a stone wall.

    Geoff Graham

    (@geoffgraham)

    9 years, 4 months ago

    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 9 years, 4 months ago by Geoff Graham.
    Thread Starter EmDeeEm

    (@emdeeem)

    9 years, 4 months ago

    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

    Thread Starter EmDeeEm

    (@emdeeem)

    9 years, 4 months ago

    4.4.0.1 fixed the issue

    shelbelliott

    (@shelbelliott)

    9 years, 4 months ago

    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.