Joomla Templates Club 406,261 posts

[sadesh Friend sadeshJoin date: March 2009Posts: 63Downloads:0Uploads:5 Thanks: 26 Thanked: 2 times in 1 posts]

#146355

The following is the code for my inputbox in template.css

.inputbox {
background: #FFFFFF;
border: 1px solid #DDDDDD;
color: #666666;
padding: 2px;
margin: 0 5px;
}


There is a 2px padding..But, nothing appears in contact form or any other input box. FWIW, there is no css file for the contact form. Alfred (the developer) replied to me that this form uses the css of the template.

eg: http://irhcanada.com/contact.html

I appreciate ur feedback..how do i introduce space between the input fields? thank you.:)

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#325112

Hi sadesh

You can control this idea at about line 159 in templates/irhfr/css/template.css file:

input, select, textarea, .inputbox, .button {
font-family:Arial,sans-serif;
font-size:100% !important;
}

Hope it helps.

1 user says Thank You to JA Developer for this useful post

1. sadesh

[sadesh Friend sadeshJoin date: March 2009Posts: 63Downloads:0Uploads:5 Thanks: 26 Thanked: 2 times in 1 posts]

#325138

Thank you JA Developer. Could you please describe in detail?

With no modifications, the code is already

input, select, textarea, .inputbox, .button {
font-family: Arial, sans-serif;
font-size: 100% !important;
}

thanks again..

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#325322

Hi sadesh

You have to change this code to your suitable.

1 user says Thank You to JA Developer for this useful post

1. sadesh

[sadesh Friend sadeshJoin date: March 2009Posts: 63Downloads:0Uploads:5 Thanks: 26 Thanked: 2 times in 1 posts]

#325398

Thank you JA Developer. Could you give more details on it? How do I introduce space, do I have to add padding to this?

I appreciate, if u could redo the code…thank you.

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#325494

Hi sadesh

For the best solution, open template.css file, add following code section:

#myform .text_area{
background: #FFFFFF;
border: 1px solid #DDDDDD;
color: #666666;
padding: 2px;
margin: 0 5px;

}

1 user says Thank You to JA Developer for this useful post

1. sadesh

[sadesh Friend sadeshJoin date: March 2009Posts: 63Downloads:0Uploads:5 Thanks: 26 Thanked: 2 times in 1 posts]

#325567

I did added that code..There was an improvement. Upon changing the values for different parameters, nothing happened…here is the full code for the form;

/* FORM
--------------------------------------------------------- */
form {
margin: 0;
padding: 0;
}

form label {
cursor: pointer;
}

input, select, textarea, .inputbox, .button {
font-family: Arial, sans-serif;
font-size: 100% !important;
background: #FFFFFF;
border: 1px solid #DDDDDD;
color: #666666;
padding: 2px;
margin: 0 5px;
}

.inputbox {
background: #FFFFFF;
border: 1px solid #DDDDDD;
color: #666666;
padding: 2px;
margin: 0 5px;
}

.button {
background: #FFFFFF !important;
border: 1px solid #DDDDDD;
color: #577DB3;
font-weight: bold;
padding: 2px 8px !important;
}

.button:hover,
.button:active,
.button:focus {
background: #FFFFFF !important;
color: #111111;
font-weight: bold;
padding: 1px 8px;
text-decoration: none;
}

* html .button {
padding: 0 5px !important; /*IE 6*/
}

*+html .button {
padding: 0 5px !important; /*IE 7*/
}

Demo of component builder site: http://www.alfsoft.com/index.php?option=com_alfcontact&Itemid=74

[sadesh Friend sadeshJoin date: March 2009Posts: 63Downloads:0Uploads:5 Thanks: 26 Thanked: 2 times in 1 posts]

#326307

Any input is appreciated.:)

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#326449

Hi sadesh

Please call me via skype when you online. I want to discuss for more detail in the case.

Hope i can help you to close this issue.

[Author]

Posts