Upcoming Events List too large

[David]

The Events list has extensive padding and takes up a lot of space. Four events take up an entire page on my desktop.
How can I condense this?
TIA

[Brook]

Howdy David,

I would love to help you with this as best I can. This will actually be highly dependent upon the theme you are running. I see your server is “localhost”. Fair enough. But without being able to see the theme I can only offer the most generic advice. 🙁

You will need to adjust your theme’s stylesheet to decrease the padding. Typically padding comes from large padding or margin settings in CSS. In order to find what is causing it, use your browsers inspector. Once you have found what is causing the padding, examine the CSS rule applied to that element in the inspector, then craft an empty rule that is more specific than it and decrease the padding or spacing. Typically you can craft a more specific rule by simply prepending ‘body ‘ to the original rule.

Understandably the above paragraph might not make sense if CSS if not your forte. That being the case, can you share a link to your site when its pushed to a server? We are not always able to write CSS for you as thats technically outside our scope of support, but sometimes we can. And I’d love to give it a whack if I was able to use my browsers inspector on your theme.

Cheers!
– Brook

[David]

First of all I am very impressed with the quick response.Thank you!
I have a sandbox site I installed Event Calendar on:
My Website
I am using Genesis with Dynamik theme. When I Firebug the list in
in Full Styles mode I can see that Dynamik is driving the style, however
in Tribe Events Mode I see Tribe’s css driving the appearance .
I hope this isn’t rude , but I would like to get the list in a more condensed
fashion like Timelys as you can see on that page. Any suggestion would be appreciated.
Thanks again for your help.

[Brook]

Howdy David,

You are welcome for the response! I hope our holiday starting the day after it didn’t throw a wrench in your works. But we’re back now and responding quickly again.

This is the CSS I would use to condense things on your theme. Hopefully it’s a good starting point for you.

div#tribe-events-content .type-tribe_events, div#tribe-events-content .tribe-events-list-separator-month {
padding-top: 0em;
padding-bottom: .5em;
margin: 0;
}

Does that help?

Cheers!

– Brook

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts