Styling issues

[Nicola]

Hello, first of all I would like to say that styling for this plugin is extremly difficult, this is why I have avoided it so far. There should be some kind of page from within the plugin settings where you can set the most obvious styles such as title font/height, background colors etc.

But now I am trying to make some style-adjustments and I am desperated and ususally I can figure things out. I have read through your themer’s guide and it is not very helpful.

From within the settings menu I have set my style to complete/full style or tribe event style. Now I would assume that the stylesheets responsible for those settings would be:

tribe-events-pro-full.css and tribe-events-pro-theme.css

but there is the problem. Both of these files exist twice, once in the event calendar plugin directory and once in the event calendar pro plugin directory. Making changes to those files no matter where makes usually no change to the style. Even deleting them totally make no change or just very minor changes to the style. And then there is another stylesheet for the community events plugin and it gets more confusing.

For example a usually very simple thing I want to is remove the top margin from my /events/ page and all single event pages but I just can’t figure it out.

Maybe I have thinking error and I missing something here, if so please point me in the correct direction.

Kind regards,
Nicola

[Geoff]

Hello Nicola! Thanks so much for reaching out.

First off, I want to extend my apologies about the level of effort it takes to customize the calendar styles. I definitely understand that it can be tough. The hard balance we try to strike is between a plugin that’s too opinionated and one that respects the styles defined by the theme.

That said, I’d be happy to help point you in the right direction so you can override the styles and edit them to your liking. The simplest method is perhaps directly editing your theme’s style.css file. For example, to make the event title on a single event page red, you could add this to your theme’s style.css file:

.single-tribe_events h2.tribe-events-single-event-title {
color: red;
}

I want to is remove the top margin from my /events/ page and all single event pages but I just can’t figure it out.

In looking at your site, it actually appears that your theme is adding a class name in there called ..bildunterschrift that is adding the padding in there you are trying to remove. To get rid of it, you can do:

.bildunterschrift {
padding: 0;
}

I really hope this helps. Thanks again for sharing your questions and feedback here with us. If you have more ideas about how we can improve the customization process, we’d like to hear them over on our UserVoice page, which we use to take new feature requests.

Cheers!
Geoff

[Geoff]

Hi Nicola! This thread’s been quiet for quite a while so I’m going to go ahead and close it. Please feel free to open a new thread if any other questions pop up and we’d be happy to help you there. 🙂

Cheers!
Geoff

[Author]

Posts