Contact form formatting Error (worked correct in 1.5)

The fields: Address, City or Suburb, State or Province, Postal / ZIP Code, Country are placed side by side in the template. This worked correct in 1.5

Clean Joomla 2.5 install, Clean AppSite 2.5 install, Clean XMAP install.
You can test this at my testsite:

http://88.159.12.197:8888/AppSite/

In the top menu there is Contact added, click on that and see for yourself.

Thank you

Can you please add following css code in override.css file and let me know please. Thank you for your patience.

Code: Select all

/* Contact */
.contact { padding:0 5px }
.contact h3 { font-size: 150%; }
.contact-category { padding:0 10px }
.contact-category #adminForm fieldset.filters { border:0; padding:0 }
.contact-image { margin:10px 0; border: 6px solid #fff; overflow:hidden; float: right; background: #fff; }
.contact-image img { padding: 3px; border: 1px solid #eaeaea; background: #fff; margin: 0; width: 200px; height: auto}
address { font-style:normal; margin:0; }
address span { display:block }
span.contact-image { margin-bottom:10px; overflow:hidden; display:block }
.contact-address { margin:20px 0 10px 0; width: 200px; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA }
span.contact-street { border-bottom: 1px solid #EAEAEA; margin-bottom: 0px}
.contact-email div { padding:2px 0; margin:0 0 10px 0; }
.contact-email label { width:17em; float:left; }
#contact_textmsg { padding: 2px 0 10px 0 }
#contact-email-copy { float:left; margin-right:10px; }
.contact .button { float:none !important; clear:left; display:block; margin:20px 0 0 0 }
.jicons-icons { display: none; }
.contact-email input,
.contact-email textarea { clear: both; display:block; }
.contact label#jform_contact_email_copy-lbl {position: absolute; margin-left: 20px}


See you around...

This code is added, it solves a little, but there are still some bugs:

http://88.159.12.197:8888/AppSite/index.php/contact

Look at the lines between the strings in the address.
It should look something like this:

http://www.newhersystems.nl/nl/contact

I am sorry to say in appsite 1.5 there was custom styling for com_contacts which is removed perhaps due to framework changes.

One small issue still remains on your contact page where input boxes are not inline with titles. Although checking on latest template version i cannot reproduce the same effect. So please use below css to override input box margin issue.

Code: Select all

.contact fieldset > dl > dd { margin: 0; }


See you around...