-
AuthorPosts
-
petrahk Friend
petrahk
- Join date:
- March 2009
- Posts:
- 145
- Downloads:
- 8
- Uploads:
- 10
- Thanks:
- 38
- Thanked:
- 3 times in 1 posts
March 20, 2011 at 3:02 pm #161689HI, 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
khoand Friendkhoand
- Join date:
- February 2011
- Posts:
- 4500
- Downloads:
- 0
- Uploads:
- 179
- Thanks:
- 169
- Thanked:
- 1166 times in 1060 posts
March 20, 2011 at 4:36 pm #382354Hi,
Do you give me a link to your website?petrahk Friendpetrahk
- Join date:
- March 2009
- Posts:
- 145
- Downloads:
- 8
- Uploads:
- 10
- Thanks:
- 38
- Thanked:
- 3 times in 1 posts
March 20, 2011 at 4:58 pm #382357aman204 Friendaman204
- Join date:
- January 2010
- Posts:
- 1945
- Downloads:
- 0
- Uploads:
- 43
- Thanks:
- 11
- Thanked:
- 418 times in 356 posts
March 21, 2011 at 7:20 am #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 Friendpetrahk
- Join date:
- March 2009
- Posts:
- 145
- Downloads:
- 8
- Uploads:
- 10
- Thanks:
- 38
- Thanked:
- 3 times in 1 posts
March 21, 2011 at 7:23 am #382435Yes, I had it remove because of client… Is it there now, but I will have to remove it soon… Thank you!!!
aman204 Friendaman204
- Join date:
- January 2010
- Posts:
- 1945
- Downloads:
- 0
- Uploads:
- 43
- Thanks:
- 11
- Thanked:
- 418 times in 356 posts
March 21, 2011 at 7:34 am #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
petrahk Friendpetrahk
- Join date:
- March 2009
- Posts:
- 145
- Downloads:
- 8
- Uploads:
- 10
- Thanks:
- 38
- Thanked:
- 3 times in 1 posts
March 21, 2011 at 7:37 am #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:
AuthorPostsViewing 7 posts - 1 through 7 (of 7 total)This topic contains 7 replies, has 3 voices, and was last updated by petrahk 13 years, 6 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
Contact form styling
Viewing 7 posts - 1 through 7 (of 7 total)