WordPress.org

Ready to get started?Download WordPress

Forums

The Events Calendar
[resolved] The Events Calendar Alignment Issue In Event Details. (11 posts)

  1. yaqub1
    Member
    Posted 1 year ago #

    Hi There

    I have recently download The Events Calendar plugin and I was really impressed and decided to stick with it.
    I add events and each time i do this when i click on the event in the calendar , the alignment is out of line in the event description. I have tried using different page layouts but none of them work.

    Any help would be appreciated. I am not sure which code to edit and what to replace it with.

    the calendar event http://www.jgacademy.org.uk/event/test-1/

    I have tried changing all the settings but nothing changed the alignment issue.

    Hope you can help

    http://wordpress.org/extend/plugins/the-events-calendar/

  2. sliput14
    Member
    Posted 1 year ago #

    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.

  3. yaqub1
    Member
    Posted 1 year ago #

    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

  4. yaqub1
    Member
    Posted 1 year ago #

    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:

    http://www.jgacademy.org.uk/events/upcoming/
    and here
    http://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

  5. jonahcoyote
    Member
    Posted 1 year ago #

    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

  6. yaqub1
    Member
    Posted 1 year ago #

    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 http://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 :- http://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

  7. jonahcoyote
    Member
    Posted 1 year ago #

    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

  8. jonahcoyote
    Member
    Posted 1 year ago #

    Add the above CSS to your theme's style.css file ;)

  9. yaqub1
    Member
    Posted 1 year ago #

    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

  10. yaqub1
    Member
    Posted 1 year ago #

    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.

  11. jonahcoyote
    Member
    Posted 1 year ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic