Comments 2Mohammad started the conversationMarch 19, 2017 at 12:31amWanted to know if its possible to left align contact form. Right now, its centered. 1,974Support repliedMarch 20, 2017 at 2:17pmHello MohammadHave you tried using a half column layout in the cF page?Then you can add the contact form in the left most column.Thank you. Clapat Support https://www.clapat.com/ Review Envato Item Support Policy Mohammad replied privately Support replied privately Mohammad replied privately 1,974Support repliedMarch 21, 2017 at 10:21amHi ,I just added.page-id-97 .small .container { max-width: 100%;}to enlarge the page container to it's full width and it's only for the current page - that should do it. The page does not have enough content to scroll the whole hero section.Thank you. Clapat Support https://www.clapat.com/ Review Envato Item Support Policy 2Mohammad repliedMarch 21, 2017 at 10:33amThank you so much for fixing that.I had to add padding to align to the hero. but responsive not aligning.Didn't work with this. Any suggestions?@media only screen and (max-width: 1024px).small .container { padding: 0 0 0 0;} 2Mohammad repliedMarch 21, 2017 at 10:34amI added it to the custom css on the page, not the overall site. 1,974Support repliedMarch 22, 2017 at 7:48pmHello,correct syntax is@media only screen and (max-width: 1024px){.small .container { padding: 0px 0px 0px 0px;}}I modified it in the row settingsThank you. Clapat Support https://www.clapat.com/ Review Envato Item Support Policy Sign in to reply ...
Wanted to know if its possible to left align contact form. Right now, its centered.
Hello Mohammad
Have you tried using a half column layout in the cF page?
Then you can add the contact form in the left most column.
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Hi ,
I just added
.page-id-97 .small .container {
max-width: 100%;
}
to enlarge the page container to it's full width and it's only for the current page - that should do it.
The page does not have enough content to scroll the whole hero section.
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Thank you so much for fixing that.
I had to add padding to align to the hero. but responsive not aligning.
Didn't work with this. Any suggestions?
@media only screen and (max-width: 1024px)
.small .container {
padding: 0 0 0 0;
}
I added it to the custom css on the page, not the overall site.
Hello,
correct syntax is
@media only screen and (max-width: 1024px){
.small .container {
padding: 0px 0px 0px 0px;
}
}
I modified it in the row settings
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy