Event Booking 1.6.5 Increase Field Size

  • Madonna Witte
  • Topic Author
  • Offline
  • New Member
  • New Member
More
11 years 8 months ago - 11 years 8 months ago #47680 by Madonna Witte
Event Booking 1.6.5 Increase Field Size was created by Madonna Witte
In Event Booking 1.6.5, how do I increase the size of the fields on the registration form? My field size is tiny and I cannot find where to make this adjustment.. Thank you for your assistance.
Last edit: 11 years 8 months ago by Madonna Witte. Reason: I did not receive any response for eight hours.

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

  • Tuan Pham Ngoc
  • Away
  • Administrator
  • Administrator
More
11 years 8 months ago #47696 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Event Booking 1.6.5 Increase Field Size
That's strange. I guess it is affected by css of your site template. Could you please send me the link to the page so that I can have a look ?

Regards,

Tuan
The following user(s) said Thank You: Madonna Witte

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

  • Madonna Witte
  • Topic Author
  • Offline
  • New Member
  • New Member
More
11 years 8 months ago #47701 by Madonna Witte
Replied by Madonna Witte on topic Event Booking 1.6.5 Increase Field Size
The link to the offending page is listed below: Thanks so much for your assistance! You are the best! :) :) :)

2014 CSTC San Diego Dinner and Training Reservations Form

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

  • Tuan Pham Ngoc
  • Away
  • Administrator
  • Administrator
More
11 years 8 months ago #47741 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Event Booking 1.6.5 Increase Field Size
Hi

I looked at your site and the fields are not tiny, the width of it is set to 100% and it is very long. Maybe you were able to change it ?

Tuan

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

  • Madonna Witte
  • Topic Author
  • Offline
  • New Member
  • New Member
More
11 years 8 months ago #47830 by Madonna Witte
Replied by Madonna Witte on topic Event Booking 1.6.5 Increase Field Size
No, that is the problem...too long and not tall enough for a font size easy for clients to read.

If you could send me a link with directions on how to adjust the length of the field so it will be shorter and to adjust the height of the field to accommodate a larger font . I have searched the help documentation and the forums for an answer. If I cannot make this work, I will have to search for another event booking product that will fit the needs of the organization. Thank you for your time.

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

  • Tuan Pham Ngoc
  • Away
  • Administrator
  • Administrator
More
11 years 8 months ago #47844 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Event Booking 1.6.5 Increase Field Size
Hi Madonna

It is defined in some places, some from your site template css and some from twitter bootstrap css comes in the extension. You can follow my instructions below to change the settings:

1. Look at the css code in line 926 in the file templates/cstc/css/template.css, you will see the css code below :
Code:
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea { width: 100%; padding: 4px 0; color: #3D5166 !important; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; }

In the css code above, you will see width: 100%;, remove it and it will look OK (or you can change 100% to 80% for example if you want).

Look at the file components/com_eventbooking/assets/bootstrap/css/bootstrap.css, line 626, you will see the css code below :
Code:
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; }

In the above code, you will see that it set it set height to 20px. You can change it to the higher number.

Regard,s

Tuan

PS : You should learn how to use Firebug add on for firefox, it is very easy to find and chance css code with that add on

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

  • Madonna Witte
  • Topic Author
  • Offline
  • New Member
  • New Member
More
11 years 8 months ago #47845 by Madonna Witte
Replied by Madonna Witte on topic Event Booking 1.6.5 Increase Field Size
That is awesome...I can't wait to test it out! Thanks Madonna

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

  • Madonna Witte
  • Topic Author
  • Offline
  • New Member
  • New Member
More
11 years 8 months ago #47851 by Madonna Witte
Replied by Madonna Witte on topic Event Booking 1.6.5 Increase Field Size
Tuan,

Your directions were so easy to follow and worked perfectly!

cstcsandiego.org/cstc-san-diego-monthly-...ner-meeting-and-trai

Thank you so much for your assistance and your patience with me. I have installed the Firebug addon for Firefox as you have recommended and will use it....a lot!

Karma to you!

Madonna

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

  • Tuan Pham Ngoc
  • Away
  • Administrator
  • Administrator
More
11 years 8 months ago #47888 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Event Booking 1.6.5 Increase Field Size
Look good :). Congratulations, hehe.

Tuan

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

Moderators: Tuan Pham Ngoc