Custom field spacing

  • giulia
  • Topic Author
  • Offline
  • New Member
  • New Member
More
9 years 4 months ago #89936 by giulia
Custom field spacing was created by giulia
Hello

my question is how can I insert some line spacing between custom fields. If you look at one of my forms:

scuole.oats.inaf.it/index.php/en/compone...registration?Itemid=

all the fields touch the following one (vertically), for example the name field touches the family names filed and so on. How can i separate them?

Thanks
Giulia

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

More
9 years 4 months ago #89941 by James Riley
Replied by James Riley on topic Custom field spacing
Here is the CSS tweaks that I would make. Edit your existing /media/com_eventbooking/assets/css/custom.css and add the following few lines to the end of the file:
Code:
/* ADD SPACING BETWEEN input->"text-type" elements */ .eb-container .form-group select, .eb-container .form-group textarea, .eb-container .form-group input[type="text"], .eb-container .form-group input[type="password"], .eb-container .form-group input[type="datetime"], .eb-container .form-group input[type="datetime-local"], .eb-container .form-group input[type="date"], .eb-container .form-group input[type="month"], .eb-container .form-group input[type="time"], .eb-container .form-group input[type="week"], .eb-container .form-group input[type="number"], .eb-container .form-group input[type="email"], .eb-container .form-group input[type="url"], .eb-container .form-group input[type="search"], .eb-container .form-group input[type="tel"], .eb-container .form-group input[type="color"] {margin-bottom:10px;}

James Riley .: EventBooking user since 2014 ::: JoomDonation user since 2016 :.
.: grfx & web design / IT / AV @ St. Therese Institute of Faith and Mission, Bruno, SK, Canada :.
The following user(s) said Thank You: Tuan Pham Ngoc

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

Moderators: Tuan Pham Ngoc