Contact form layout.

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Thu Oct 24, 2013 3:52 pm
Reply with quote
Report this post
Hello. I would like to divide the contact form layout in 2 columns.

Right now, if you create a contact component link, the contact design is a little bit poor.

How can I modify it to divide it in 2 columns?
first column on the left: contact info
right comun: contact form

My link

http://62.15.125.191:65/orvis3602/index.php/contacta

Thanks
User avatar
Fresh Boarder

GK User
Thu Oct 24, 2013 4:06 pm
Reply with quote
Report this post
Hi,
But on this page you have rockettheme template not Gavick, maybe that's why contact view is poor. :whistle:

I suggest use simple trick:
1) Use standard article were you have full control about content
2) use contact module with contact form (you should find about ten on JED) - and insert into article.
User avatar
Platinum Boarder

teitbite
Thu Oct 24, 2013 4:16 pm
Reply with quote
Report this post
Hi

This may help. I've been asked about the exact same thing before:

Code: Select all
.contact h3 {
    margin-top: 0;
}

.contact .page-header + h3,
.contact .contact-address {
    clear: left;
    float: left;
    width: 50%;
}

.contact .dl-horizontal dt,
.contact .dl-horizontal dd {
    margin-bottom: 10px;
}
User avatar
Moderator

GK User
Thu Oct 24, 2013 4:35 pm
Reply with quote
Report this post
or you can use css code for current RT template.


Code: Select all
.contact-form {
    float: right;
    margin-top: -350px;
    width: 50%;
}
User avatar
Platinum Boarder


cron