Form fields not showing up correctly

[Cathryn]

We just bought and installed the Community Events add-on for The Events Calendar Pro and while the functionality seems to work OK, the form fields are not lining up correctly on the Community Add Event page. When clicking on the Start Date / Time, Use New Venue, and other form elements, things looks really messed up. I am also seeing the hours, minutes, and am/pm fields all on new lines.

I believe it is our theme that is causing the issues, but I don’t have a good idea where to look for the conflict. I realize this isn’t your fault or problem, but was hoping you would still be able to help us a little. Is there any chance you would be able to take a quick look at our page and see if you might be able to point us in the general direction of where to look for the conflict?

http://cl.ly/image/1F323q1W1f2p – fields should be lined up horizontally
http://cl.ly/image/0K2U2G0d1340 – month and year fields overlap date chooser fields
http://cl.ly/image/153h1O3M0d26 – weird x’s and o’s in the organizer name area when using the dropdown

I included a link to our site and information to access it in the private contact information piece.

Thank you!

[mcmainstreetassociation]

I am also having this problem, but ours is slightly different. Any help would be much appreciated.

http://tinypic.com/r/dyaooy/8

[Brian]

Hi Cathryn,

Thanks for using our plugin. I can help you get started on this although I am unable to help refine all the css issues.

The follow will fix the issues in the first two images you have above:

#top #event_datepickers input[type="text"],
#top .ui-datepicker-title select,
#top #tribe-events-pg-template select {
width: auto;
display: inline;
}

Add that css to your theme’s stylesheet or through a plugin such as Simple Custom CSS.

However, there is still formatting issues in the Date Picker Popup caused by your theme that is beyond the support we can provide to fix everything there.

I could not duplicate the x and o error, what browser is that happening in and I can take another look.

Let me know if that helps.

Thanks

[Brian]

Hello mcmainstreetassociation,

Sorry for the issues you are having as well. Your looks to be a theme issue as well. We can better help you by giving you our full attention if you create your own ticket and provide a link to the page so we can take a look and hopefully provide some css. If you want you can still post here with a link and I will take a look. Either way we can try to help out on a first step to resolve this conflict.

Thanks

[Cathryn]

Thanks Brian for your help and quick reply. Your CSS code fixed the alignment issues, though I’m seeing an issue where it looks like some text behind the time (e.g. 9 00 pm) isn’t hiding and it looks pretty messy (though it is a lot more usable than before – thank you!).

http://cl.ly/image/0U1a1Y3L2D2S – issue with what appears to be some text overlapping the time

The x and o errors are happening in Chrome, Firefox, and Safari on Mac OS X Yosemite as well as IE 11 on Windows 8 (via a virtual machine) if that helps at all.

Are you able to take a look at the two issues above on a Mac or IE 11 on Windows 8?

I really appreciate your help, thank you!
Cathryn

[Brian]

I am not see the x and o error in Firefox, IE11, or Chrome running on Windows 8.1.

For the text behind the numbers your theme is adding a background image.

You can try adding this to the coding I gave you before:

background: none;

That is about as close we can get it, the theme does a lot of customizations around select boxes so we are limited in helping out much more.

Thanks

[Brian]

Since I haven’t heard back from you here, I’m going to go ahead and close out this thread. Feel free to start a new thread if you have further issues. Thanks! 🙂

[Author]

Posts