Side items/widgets overlap slider

[Kevin]

I resolved one issue through the forum it led to another one. Here is the original thread now closed.

Adding the html above the calendar (as noted in the original thread) worked very well. What i am experiencing how however is that I cannot use the side calendars or widget (which may include the filter bar) because those get moved right to the top and overlap my slider. is there a way this can be resolved.? My theme (Kleo) has several Layout options – but they are all based on columns top-to-bottom. none that allow a slider and then columns starting below it. Please help.

Thanks again.

• This topic was modified 10 years, 6 months ago by Kevin.
• This topic was modified 10 years, 6 months ago by Geoff.

[Geoff]

Hey Kevin!

I see what you mean: the event list widget is in the header of the homepage and doesn’t look like it should be there.

Just curious, how are you setting the calendar as your homepage? That’s not a feature of the plugin right out of the box and I’m wondering if there’s a customization in there that might help explain the strangeness.

The bottom line though is that the widget should not display on the homepage but display on other pages. Do you control your widgets in Appearance > Widgets, or does your theme provide another way to manage them? Either way, you will want to ensure that the calendar archive and homepage do not contain the widget.

Or, if you’re embedding the widget using a shortcode, remove the shortcode from those templates/pages.

Let’s start there and see what we find. 🙂

Thanks!
Geoff

[Kevin]

Thanks for the quick response. In this previous thread I was told to use the Events Rocket plugin to place my Calendar on the main page. Which is really what I need for my site. I know that Main Calendar doesn’t operate like a widget or page so I have very little customizability in terms of page layout. In my theme (Kleo), widgets are handled in Appearance > Widgets, which is where I have the Upcoming Events Widget placed now. Here is an image of my widget page:

https://www.dropbox.com/s/i2jpcg1m9ys4rik/Screen%20Shot%202015-10-16%20at%205.59.37%20PM.png?dl=0

[Geoff]

Gotcha, thanks for the extra info!

Since the calendar has been set up to display on the homepage, that means the calendar is using the main template of your theme instead of the calendar template the plugin typically uses (which does not include a sidebar).

In this case, you will likely need to modify your theme’s template to make sure that the sidebar displays where you would like it to. That would take a bit of coding on your end, but is probably the cleanest way to do it and your theme author might even be willing to help.

Another way to go about it is to hide the sidebar from the homepage altogether. You could add something like this to your theme’s style.css file to do that:

.events-archive .sidebar-right .inner-content {
display: none;
}

Either way, the widget is positioned the way it is because of where the sidebar location is placed in the template file. 🙂

Cheers!
Geoff

[Kevin]

I have changed the site so the Events Calendar is no longer on the main page. I’m still experiencing the same issue. However I believe the issue is the result of having a slider above it. The code I entered in Events>Settings>Display>Add HTML before event content doesn’t seem to affect the sidebars as it does the main calendar. What I need is for the top of the calendar itself to be set as the top of the sidebars as well, even if I place an image or something above it. Will this be an option at some point or is there a simple way to achieve that without too much code? Otherwise i have no way of using any of the widget features offered for the calendar unless i lose the slider – which really affects the look of the site.

thanks again for your help.

[Geoff]

Hi Kevin,

Are you using the default event template? For example, if you head to Events > Settings > Display, is the template option set to Default Events Template or something else?

Also, just to check, are you using any custom templates for the calendar? You can check this by looking for a folder called tribe-events in your theme directory.

Just want to make sure I’m touching all bases before I start leading down different paths. 🙂

Thanks!
Geoff

[Kevin]

No I am not use any custom templates. I was using the Right sidebar Page Template to allow the widgets. Default seems to make it a full screen calendar with none of the widgets visible. Under the Default Stylesheet Used For Events Templates i have Tribe Events Styles selected.

I have checked my theme folder /wp-content/themes/kleo folder and do not see a tribe-events folder in there

• This reply was modified 10 years, 6 months ago by Kevin.

[Kevin]

This reply is private.

[Geoff]

Thanks for the extra info, Kevin! I really appreciate it. 🙂

That makes a lot of sense now why the widget is showing up the way it is–the template that was being used in the Settings.

The feature you mentioned in the private reply is a work in progress. For now, you can embed any calendar widget with Events Calendar PRO.

We left the feature request open because we know that’s just scratching the surface when it comes to shortcodes. While we don’t have any concrete updates for embedding full calendar views, it would awesome if you could add your vote there and leave a comment that outlines how you would use full view shortcodes. For example, which views would you want to be available in shortcodes, what sort of variables should be considered in those shortcodes, and what elements of each view should be included by default? That would help us out a lot as we gather feedback for how those should work.

For now, I think a template override of the default-template.php calendar template file is the best way to go. I would register a new sidebar area and add it to the calendar template in a way that best fits your layout. You can check out how template overrides work here in our Themer’s Guide.

Cheers!
Geoff

[Kevin]

This reply is private.

• This reply was modified 10 years, 6 months ago by Kevin.

[Geoff]

Hi Kevin,

I can give you step-by-step instructions but I’ll have to leave the actual work of making it happen to you.

Here’s how I would proceed:

• Register a new sidebar area. WordPress has good documentation on how to do this. You may even be able to leverage a another plugin to help, like this one, though I have not used it personally or tested it with The Events Calendar.
• Make a copy of the default-template.php file. It is located in The Events Calendar’s plugin folder under /src/views/default-template.php.
• Make a new folder in your theme directory called tribe-events
• Drop the copied version of the <i>default-template.php</i> file in that folder
• Add the widget area you created to the template. Again, WordPress has solid documentation including how to do this with a custom widget area.
• Change your calendar settings to use the default events template. You can do this under Events > Settings > Display.

I hope this helps get you started!

Geoff

[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