Joomla Templates Club 406,261 posts

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

#161689

HI, I really like the contact form in JA Community Plus. I would like to have it also in my JA ZEolite.
I tried to styling it according this thread
http://www.joomlart.com/forums/topic/ja-community-plus-contact-page/
but it was total disaster.
I put in my template.css this:
[PHP] /* Contact */
.ja-contact #ja-mainbody { padding-top: 0; }

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

.ja-contact-form input.inputbox {
width: 170px;
}

.ja-contact-form textarea.inputbox {
width: 230px;
margin-top: 3px;
}

#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: 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;
}

.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; }[/PHP]

But result is not good. See the pic. I would like to put the contact information to the right side.
Any idea?
thank you in advance!
Petra

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#382354

Hi,
Do you give me a link to your website?

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

#382357

http://www.noveprojekty.cz/news-feeds

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

#382434

<em>@petrahk 228963 wrote:</em><blockquote>http://www.noveprojekty.cz/news-feeds</blockquote>

The specified link is returning with 404 not found error. Please check

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

#382435

Yes, I had it remove because of client… Is it there now, but I will have to remove it soon… Thank you!!!

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

#382441

<em>@petrahk 229085 wrote:</em><blockquote>Yes, I had it remove because of client… Is it there now, but I will have to remove it soon… Thank you!!!</blockquote>

You can add these two references also at the end of css file::

.ja-headsp-left {float:left;}
.ja-headsp-right {float:right;}

1 user says Thank You to aman204 for this useful post

1. petrahk

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

#382443

<em>@aman204 229092 wrote:</em><blockquote>You can add these two references also at the end of css file::

.ja-headsp-left {float:left;}
.ja-headsp-right {float:right;}</blockquote>

Perfect. Thank you Aman!!! :laugh:

[Author]

Posts