Text looks weird in registration page fields

  • Susanne
  • Topic Author
  • Offline
  • New Member
  • New Member
More
12 years 6 months ago #20609 by Susanne
Why is it I can only see the middle of the input text? And the multiple choice options doesn't look too good either. Is this defined in a CSS somewhere?
Attachments:

Please Log in or Create an account to join the conversation.

More
12 years 6 months ago #20610 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Re: Text looks weird in registration page fields
Hi Susanne

I am sorry. My internet connection is really bad tonight, so I could not view the image you uploaded to see the problem. Could you please send me the link to your site so that I can look at it right away on tomorrow morning when my internet connection better ?

Tuan

Please Log in or Create an account to join the conversation.

  • Susanne
  • Topic Author
  • Offline
  • New Member
  • New Member
More
12 years 6 months ago #20611 by Susanne
Sure, it's at tinyurl.com/9tplh8w and then click "Registration (single user)"

I have tried to see which CSS file that could work to change and I think it might be bootstrap.css?

Please Log in or Create an account to join the conversation.

More
12 years 6 months ago #20612 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Re: Text looks weird in registration page fields
Tried to access the page but as I said, my internet connection is really slow now (maybe it is affected by a big storm in our country) and I could not see your page (it keeps loading).

I will check it as soon as I wake up on tomorrow morning and will tell you what file need to be modified .

Tuan

Please Log in or Create an account to join the conversation.

  • Susanne
  • Topic Author
  • Offline
  • New Member
  • New Member
More
12 years 6 months ago #20663 by Susanne
Hi Tuan,

Any success in viewing the screen shot or the site? The problem is that in the input fields on the form, only the middle part of the text written by the user is showing. Seems like the text is too big for the input field, or the input field has some weird white margins that goes on top of the text.

Please Log in or Create an account to join the conversation.

More
12 years 6 months ago #20664 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Re: Text looks weird in registration page fields
Hi Susanne

First of all, I just released version 1.5.1 of Events Booking. So you should access to My Downloads menu item, download this latest version and upgrade to your site.

I will look at your site right now. Been busy whole day today to get the new version released !

Regards,

Tuan

Please Log in or Create an account to join the conversation.

  • Susanne
  • Topic Author
  • Offline
  • New Member
  • New Member
More
12 years 6 months ago #20666 by Susanne
Great! I will download it now.

Here is the direct link btw, tinyurl seems to be slow today
www.apex-project.eu/index.php/component/...&event_id=1&Itemid=0

Please Log in or Create an account to join the conversation.

More
12 years 6 months ago #20667 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Re: Text looks weird in registration page fields
Hi Susanne

For some reasons, your website is loading very slow in our country (Vietnam) . It is loading very slow not only for me but also for my friend (I asked my friend to access to the link and about ten minutes later, he said the page completed loading :(). I am still waiting for the page to be loaded at the moment.

What browser you are using ? If you use Firefox, I would suggest you to use Firebug add-on. It is very easy to find and edit css code using Firebug . Google Chrome also has buit-in feature which allows editing css, too,

Still waiting for the page to be loaded. ... Will update you

Tuan

Please Log in or Create an account to join the conversation.

More
12 years 6 months ago #20669 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Re: Text looks weird in registration page fields
Lucky enough, the page is finally loaded. I looked at the page and found that the issue causes by css . Once you upgraded to latest version, look at the file components/com_eventbooking/assets/bootstrap/css/bootstrap.css, find the css code below (from line 624 to line 651) :
Code:
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 9px; font-size: 14px; line-height: 20px; color: #555555; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

Remove height: 20px; from that block css and the issue should be sorted .

Regards,

Tuan

Please Log in or Create an account to join the conversation.

  • Susanne
  • Topic Author
  • Offline
  • New Member
  • New Member
More
12 years 6 months ago #20672 by Susanne
Thank you!! I'll try it when I get access to our ftp tomorrow.

Please Log in or Create an account to join the conversation.

Moderators: Tuan Pham Ngoc