It depends on the template you are using. Mostly you have to put in the styles yourself in the template.css file. If you need any help just send me an email to info@joomla-css.nl
Contact Person
Print screen without additional CSS

Structure with classes and id's
div.componentheading
div#component-contact
table.contentpaneopen
tr td (align=center) form#selectForm select.inputbox#contact_id
tr td.contentheading Contact 1
tr td Positie 1
table
tr td
tr td
tr td
td (align=right)
td (align=right)
tr td
table
table
tr td (width=40) img
tr td Adres, Woonplaats,Provincie, Postcode, Land
table
tr td (width=40) img
tr td Email, Telefoon, Fax, Mobiel, Website
table
tr td (width=40) img
tr td Overige gegevens
tr td Download gegevens als een a vCard
tr td
form.form-validate#emailForm
form.form-validate#emailForm
div.contact_email
label Vul uw naam in: input.inputbox#contact_name
label#contact_emailmsg E-mailadres: input.inputbox#contact_email
label Onderwerp bericht: input.inputbox#contact_subject
label#contact_textmsg Vul uw bericht in: textarea.inputbox.required#contact_text
input#contact_email_copy label E-mail een kopie ...
button.button.validate Verstuur
label#contact_emailmsg E-mailadres: input.inputbox#contact_email
label Onderwerp bericht: input.inputbox#contact_subject
label#contact_textmsg Vul uw bericht in: textarea.inputbox.required#contact_text
input#contact_email_copy label E-mail een kopie ...
button.button.validate Verstuur
CSS
div.componentheading { }
table.contentpaneopen { }
form#selectForm {
float: left;
margin-bottom: 20px;
}
form#selectForm select.inputbox {}
form#selectForm select#contact_id {
float: left;
margin-top: 5px;
}
table.contentpaneopen td.contentheading { }
form.form-validate { }
form#emailForm { }
div.contact_email { }
div.contact_email label{ }
div.contact_email input.inputbox { }
div.contact_email input.required { }
div.contact_email input.validate-email { }
div.contact_email input#contact_name { }
div.contact_email label#contact_emailmsg { }
div.contact_email input#contact_email { }
div.contact_email input#contact_subject { }
div.contact_email label#contact_textmsg { }
div.contact_email textarea.inputbox { }
div.contact_email textarea.required { }
div.contact_email textarea#contact_text { }
div.contact_email input#contact_email_copy { }
div.contact_email button.button { }
div.contact_email button.validate { }
Print screen after applying CSS

Comments (2)
-
1901-12-13 20:45:52 |Unregistered| Marcel Zwiers - css - contact personHi,
The change you made on http://joomla-css.nl/index.php/en/components-a-modules-en-15/contact-person-en- 15 is exactly what I want to do. However, I am a first time joomla user and do not know where exactly to find this particular css file. I tried them all I think (e.g. in templates/system/css and in templates/ja_purity/css/), but couldn't find anything that looks like this example)...
Thanks a lot,
Marcel
Powered by Compojoom comment 4.2.1

