Countdown widget pushes into widget below

[adlindberg]

Hey Tribe!

On each of my pages (except my Events page) the Events Countdown widget pushes down into the title of the widget below. (I’ve removed the text from the lower widget’s title to help it look a bit better.) Any thoughts on why this might be happening?

[Brook]

Howdy adlindberg,

The CSS for that widget is unfortunately conflicting with your theme. However, I believe the fix to be very easy. This CSS should do it for you, you can play with the margin-bottom dimenstion until you are happy:

#sidebar .widget.tribe-events-countdown-widget {
margin-bottom: 5em;
}


Does that make sense? Will that work for you? Please let me know. Cheers!

– Brook

[Beth Burt]

Could this be the same or similar to my issue: (https://tri.be/support/forums/topic/countdown-hovers-below-bottom-of-widgetized-area)

There, kalgary1 and Brook came back with great solutions. Either if these work. Try adding the one you like best 🙂
.widget.tribe-events-countdown-widget { min-height: 75px; }

or

.widget.tribe-events-countdown-widget { padding-bottom: 5em; }

My “actual” problem is still in the works. (Maybe I should create a new issue for that. Hmm.) The problem seems to be that some necessary css files that address this “overflowing” issue aren’t being loaded.

I’ll post back when I have anything more about that.

[Leah]

Hey ieautism,

Would you mind starting your own thread? That will help us focus on your situation and get you better and faster help 🙂

Best,

Leah

[Beth Burt]

Hi Leah,

Yep, I did actually, just after I post here, but didn’t get back here and post that I did so. Check it out: https://tri.be/support/forums/topic/some-tribe-css-files-not-enqueued/

All the best,

-Luis

[Brook]

Sorry Luis, there was a mixup on our end. Thank you for sharing that solution with others!

– Brook

[Beth Burt]

Hey adlindberg,

Didn’t mean to hijack your thread. Have you tried either of the two solutions:

[code]

.widget.tribe-events-countdown-widget { min-height: 75px; }

[/code]

or

[code]

.widget.tribe-events-countdown-widget { padding-bottom: 5em; }

[/code]

Personally I like working in ems rather than pxes 🙂

-Luis

[Beth Burt]

This reply is private.

[Beth Burt]

This reply is private.

[adlindberg]

Luis-

No problem. I used the ems version. Though either would be fine. Check it out at orhistory.com.

[Brook]

Awesome! Always good to hear when a soloution worked. I am going to mark this topic resolved. Thanks for the followup Adlindberg, and the help Luis.
– Brook

[Author]

Posts