Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • petrahk Friend
    #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


    1. contact
    khoand Friend
    #382354

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

    petrahk Friend
    aman204 Friend
    #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
    #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
    #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;}

    petrahk Friend
    #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:

Viewing 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