The Events Calendar Alignment Issue In Event Details.

I was able to resolve this. The dd and dt class tags in the themes css were over riding the code for the plug-in, so I just removed the formatting for these tags in the themes css.

Thanks for your response. I will have a look if I can find the tags. Do i just find dd tags and dt tags and delete them?

Thanks Again

Hi

I have removed the dd and dt tags and all seems to be working but now I have an issue with the event list page which seems to have the buttons half appearing into the header. Also I am not able to navigate with selecting Month and Year.
Here is a link to the problem:

https://www.jgacademy.org.uk/events/upcoming/
and here
https://www.jgacademy.org.uk/events/

I have tried different layouts but no luck. I guess it has something to do with the code but not sure.

Hope you can help

Hi yaqub1,

I cannot see the calendar on the page you posted. You must be working on it. Can you please get it up so I can take a look?

Thanks,
Jonah

Thank you for your response Jonah

yay! I thought no one was going to reply and I took it off mainly because it does not seem to be working correctly.

If you look on this link https://www.jgacademy.org.uk/events/upcoming/ The buttons up at the top are half stuck in the header.

I had an issue with alignment in the event details page but i sorted that with the help of ‘sliput14’ .

Another problem I noticed is with the main calendar page the drop down menu for ‘months’ and ‘years’ do not seem to do anything when clicked/selected.

The last issue I just realized was that once I activate the calendar the contact us form which is here :- https://www.jgacademy.org.uk/contact/ seems to become blank. Normally this displays the information someone needs to enter in the form . for example , name, telephone number etc but now it is completely blank. When I deactivate the calendar it starts working.

I hope you can help with these issues. I know it is a lot to ask for . Your calendar is by far one of the best and I would love to use it. Just the above thins which need addressing.

Many Thanks for your time

Yaqub

Hi yaqub1,

To fix the buttons in the header, you just need to modify the CSS a bit. Try this:

.events-archive .tribe-events-calendar-buttons {
top: -5px;
}

For the other stuff, try updating your theme’s version of jQuery. I can’t tell you exactly how to do this, you’ll need to either figure it out or contact the theme author. But, it’s running an outdated version of jQuery which is causing the other issues. Update jQuery and you should be set.

I hope that helps!

– Jonah

Add the above CSS to your theme’s style.css file ??

I edited the following code :
}
.upcoming .tribe-events-calendar-buttons {
top:-5px;
}

Which was located here:

the-events-calendar/resources/events.css

Tried other ways but did not work so thought I should play around with it and see if I can fix it =).

The calendar issue is sorted as I have replaced the calendar as it was giving errors with javascript or something.

The only issue I have is the drop down menus now which didn’t work even after updating jquery

Thanks for your help. Hope someone can help with the last issue.

Thanks Again!

Yaqub

I have fixed it !!

Thank you for your time.

If anyone is experiencing problems with the drop down menus not working it could be jquery so try forcing the theme to use latest version of jquery.

Thanks for your time.

Hi yaqub1,

That’s great to hear and thank you for sharing the above solution. If you need anything else, please let us know.

Thanks,
– Jonah