Widget Content Appearance

[Jennifer]

Hi there! A while ago, I posted this: https://theeventscalendar.com/support/forums/topic/widget-content-appearance/

I implemented the fix on one site, but when I drop the same code into the Functions.php of the child them on this site – http://staging.nhaa.net/districts/ – the whole site breaks. Says there’s an error in the Functions file. Could this be because this site is only using the Events Calendar and not Pro?

Either way, how can I get rid of the huge gaps between the events listed in my sidebar widgets on this site? Thanks!

[Josh]

Hey Jennifer,

Thanks for reaching out to us!

The first snippet in that thread shouldn’t be needed any longer if you’re using the latest version of the plugin. Also, if the new site does not have PRO activated, it would cause the site to break as described.

It sounds like you’re new site may only need the second stylesheet snippet provided:

.tribe-events-adv-list-widget .hentry {
    margin-top: 0;
}

Let me know if this helps.

Thanks!

[Jennifer]

Nope, that threw an error and locked me out of the site.

[Josh]

Hey Jennifer,

I apologize for the confusion. The above snippet should be used in your theme’s stylesheet and not the functions.php file. The modification from the previous thread involving the snippet for the theme’s “functions.php” file can be completely disregarded now, leaving that file as it came.

If you’re still experiencing access issues, the best thing to do is to download a fresh version of that file from your theme company and upload a fresh version of the “functions.php” file and upload it to your site via FTP.

Let me know if this helps.

Thanks!

[Jennifer]

Hi! I dropped that code into my theme’s custom CSS file, but no change. What should we try next? Thanks!

[Josh]

Hey Jennifer,

I apologize again. When using the core event list widget, the code should be:

.tribe-events-list-widget .hentry {
     margin-top: 0px
}

 

Let me know if that helps.

Thanks!

[Jennifer]

Awesome – that worked!

Now is there a way I can change the size of the widget title font? I think it’s pulling from H3 right now, but it’s a bit big – widgets in the sidebar columns fill up fast. Any suggestions? Thanks! 🙂

[Josh]

Hey Jennifer,

No problem. If the title you would like decreased is the h3, you can change the font-size by targeting “.tribe_events_list_widget h3” within your stylesheet and changing the font-size there.

Thanks!

[Jennifer]

I tried dropping this into my Custom CSS: .tribe_events_list_widget h5, but nothing changed. Can you be a little more specific on what I need to do here? I don’t want to change the size of my H3 site wide – I just want my tribe widget titles to be smaller. Thanks!

[Josh]

Hey Jennifer,

No problem! I just tried accessing your site to pull the exact code here for you for the event titles however I’m seeing a “500 Internal Server Error”. Is the site still live there on staging or is at a new URL?

I’ll leave this in my queue for now as a reminder try to access the site again in an hour or so just in case.

Thanks!

[Jennifer]

Hi! The site did go live – http://www.nhaa.net. Let me know what you find? Thanks!

[Josh]

Hey Jennifer,

You can reduce the size of the headings there by adding the following to your theme’s stylesheet:

.tribe-events-list-widget h4 {
font-size: 16px;
}

Let me know if that helps.

Thanks!

[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