Joomla Templates Club 406,261 posts

[jamjodesign Friend jamjodesignJoin date: June 2008Posts: 432Downloads:27Uploads:40 Thanks: 59 Thanked: 14 times in 3 posts]

#157471

Hi all, I really like the JA Community Plus contact map and its style and the use of the JA Map module aswell. How would one go about getting this kind of contact page into JA Social – has anyone tried it – would it be hard to do? :-*

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#366977

You can try out this::

Download this folder >> templates/ja_community_plus/html/com_contact from unzipped template and upload it in similar path for JA social template

[jamjodesign Friend jamjodesignJoin date: June 2008Posts: 432Downloads:27Uploads:40 Thanks: 59 Thanked: 14 times in 3 posts]

#366986

It did change thiings but really just made it worse to be honest about it. I know there is probbaly alot more to this than just this html folder. I presume there is alot of style sheet changes also.

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#366991

I will need to try it at my end and will probably, let you know soon as even, I assume that there would be other customizations needed 🙂

[jamjodesign Friend jamjodesignJoin date: June 2008Posts: 432Downloads:27Uploads:40 Thanks: 59 Thanked: 14 times in 3 posts]

#366992

Thank you very much for your time – much appreciated

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#367367

1) Add this at end of template.css file::

/* Contact —*/
.ja-contact #ja-mainbody { padding-top: 0; }

.ja-contact-form { padding: 40px 40px 40px 0px; }

.ja-contact-form .left-side { float: left; }
.ja-contact-form .right-side { float: right; }

#contact_name {
padding-left: 25px;
background-image: url(../images/icon-yourname.png);
background-position: 5px center;
background-repeat: no-repeat;
}

#contact_email {
padding-left: 25px;
background-image: url(../images/icon-yourmail.png) ;
background-position: 5px center;
background-repeat: no-repeat;
}

#contact_subject {
padding-left: 25px;
background-image: url(../images/icon-yourname.png);
background-position: 5px center;
background-repeat: no-repeat;
}

.jcontact-info { padding: 40px 0px 40px 40px; }

.jcontact-info .right {
width: 214px;
margin: 0;
}

.contact_email div { padding: 5px 0; }

.contact_email div.left { padding: 0; }

.contact_email label { display: inline; }

.jcontact-info .left img { margin-top: 30px; }

.jcontact-info .jicons-icons {
padding-left: 20px;
background-repeat: no-repeat;
background-position: left center;
}

.jcontact-address, .jcontact-email, .jcontact-phone { margin: 10px 0; }
.jcontact-address .jicons-icons { background-image: url(../images/icon-addr.png); }
.jcontact-phone .jicons-icons { background-image: url(../images/icon-phone.png); }
.jcontact-email .jicons-icons { background-image: url(../images/icon-mail.png); }
.jcontact-street, .jcontact-emailto, .jcontact-telephone { display: block; color: #547D29; }
.jcontact-state,
.jcontact-country { color: #547D29; }
.jcontact-state { clear: both; }

2) Copy these images from images folder of community to social template
i) icon-yourmail.png
ii) icon-yourname.png
iii) icon-yourphone.png

[petrahk Friend petrahkJoin date: March 2009Posts: 145Downloads:8Uploads:10 Thanks: 38 Thanked: 3 times in 1 posts]

#382431

For me it does not work in JA Zeolite. Look at this thread:
http://www.joomlart.com/forums/topic/contact-form-styling/#post-382354

[Author]

Posts