Joomla Templates Club 406,261 posts

[totsberlin Friend totsberlinJoin date: March 2011Posts: 11Downloads:0Uploads:1 Thanks: 4 Thanked: 1 times in 1 posts]

#169643

Hi all,

– could anyone please tell me how to add the googlemap module at the top of the contact page like the one of JA-Community Plus?

– as you can see in the attachment, the address line doesn’t want to stand in a line like others (tel, fax…) do. how could I convince it to?

---

Attachments:

1. 

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#419162

Hi,

Can you show us your web site so i can help you on that? also please set CSS and JS optimization to no from template settings.

Regards

[totsberlin Friend totsberlinJoin date: March 2011Posts: 11Downloads:0Uploads:1 Thanks: 4 Thanked: 1 times in 1 posts]

#419168

thank you for your answer.
CSS and JS optimization were set to no and here is the temporary link to my site:

http://tots.de/joo17/

Hope you can help and thank you alot!

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#419176

For your first question i have to tell you that on JA Community Plus we use ja google map plugin which you can download from our download section if you have the proper subscription ( it’s JA Ext subscription )

Or you can create a custom html module with google maps info ( you can get that info from Google ) and publish it on unser5 position !

As for your second question can you please tell me if you have that info at the same field ?

1 user says Thank You to Manos for this useful post

1. totsberlin

[totsberlin Friend totsberlinJoin date: March 2011Posts: 11Downloads:0Uploads:1 Thanks: 4 Thanked: 1 times in 1 posts]

#419641

thank you, pascm. It did work with the custom modul on user5.

About contact details, I’m using these fields:
– image
– email for email
– address for street and house number
– postal/zipcode for postal code
– country for Germany
– tel
– fax

Hope you can help me again with this problem.

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#419654

Hi,

Can you please send me a user name and password for your joomla back end ( via PM ) so i can check this problem and provide you with the proper help ?

Regards

[totsberlin Friend totsberlinJoin date: March 2011Posts: 11Downloads:0Uploads:1 Thanks: 4 Thanked: 1 times in 1 posts]

#419685

login data sent via pm!

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#419850

Please try to find that line in template css and change the padding to

.jcontact-info .jicons-icons padding-left: 50px

[totsberlin Friend totsberlinJoin date: March 2011Posts: 11Downloads:0Uploads:1 Thanks: 4 Thanked: 1 times in 1 posts]

#419870

below is the code which I copied and pasted from JA_Comm_Plus.
There’s only padding-left:20px, which does not actually change anything :((
.jcontact-info { padding: 40px 0px 40px 40px; }

.jcontact-info .right {
width: 250px;
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;
}

.contact-address, .contact-email, .contact-phone { margin: 30px 0; }

.contact-streets, .contact-suburb, .contact-state, .contact-postcode, .contact-country { display: block; color: #547D29; }

.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; }
.ja-headsp-left {float:left;}
.ja-headsp-right {float:right;}
#contact-form .form-required {
padding-bottom: 10px !important;
padding-left: 32px !important;
}

.contact .inputbox {
border: 1px solid #E0E4F0;
margin: 1px;
width: 240px;
}

[totsberlin Friend totsberlinJoin date: March 2011Posts: 11Downloads:0Uploads:1 Thanks: 4 Thanked: 1 times in 1 posts]

#419944

after some experiments I finally found the solution:
adding these two lines:

.contact-address address {margin: 20px }

.contact-address .jicons-icons {float: left}

anyway thank you very much!

1 user says Thank You to totsberlin for this useful post

1. Manos

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#419993

Hi,

I am glad that your sorted this out! And also thank you for sharing that information/solution with us so other members can also benefit from this one!

Regards

[Author]

Posts