Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • May 20, 2015 at 8:58 pm #447423
    Katrin

    Hey,

    I would like to have the header and button of the contact form centered in the section.
    I already searched here and found some hint in this thread (#323010), but I think I am stuck with the page’s id.
    Even though it’s a page where I am displaying the contact form, all I can find is a post-id. ???

    Can you help, please? I’d love to have a little snippet to center the form. – Thank you!

    May 21, 2015 at 4:50 am #447551
    Josue

    Hey Katrin!

    Try using .page-id-xx instead. If you could post a link to the actual page we can provide you the exact code to use.

    Best regards,
    Josue

    May 21, 2015 at 9:48 am #447633
    Katrin

    Hey Jose,
    thanks. I’ve adjusted the code accordingly, but it’s still not working

    This is what I’ve used:
    > .page-id-14 p.form_element:nth-child(4) { width: 100%; text-align: center; } h3.avia-form-success { text-align: center;}

    Here’s a link to the page in case you want to have a look.

    Thank you!

    May 21, 2015 at 10:08 am #447648
    Josue

    Hi!

    I can’t access the page, it says its on maintenance.

    Cheers!
    Josue

    May 21, 2015 at 10:09 am #447650
    Katrin

    Hi,
    yeah, it’s the contact form on the maintenance I am talking about :)

    May 21, 2015 at 8:13 pm #447966
    Josue

    Hi!

    Yes, the url says “maintenance.html” but on the actual page: http://a.pomf.se/foycsk.png

    Best regards,
    Josue

    May 21, 2015 at 8:45 pm #447980
    Katrin

    Hi Josue,

    hm. It’s a very fresh application that I am have not yet opened for search engines to crawl.
    Otherwise I have no explanation why there is a 404. When I call the URL I can see the page.
    Do you need a login to have a closer look?

    May 21, 2015 at 10:06 pm #448031
    Josue

    Yes probably, post it here as a private reply.

    Regards,
    Josue

    May 21, 2015 at 10:11 pm #448039
    Katrin
    This reply has been marked as private.
    May 21, 2015 at 11:45 pm #448089
    Josue

    Still can’t see it, there seems to be a redirect from all pages to maintenance.html.

    Regards,
    Josue

    May 22, 2015 at 12:20 am #448097
    Katrin

    Josue,

    I don’t know what to do with your answer!
    There is only one page; there aren’t any other pages. There are no redirects.
    The way the system is configured is with a coming-soon-page as I have learned it from Kriesi’s demo.
    How do you normally determine a pages ID so that it can be addressed with specific code? I googled how to find out the page’s ID. And I found ID 14, but it doesn’t seem to work.

    Would be great if you could add something that moves us further.
    Please let me know if there is something I can help you with.

    May 22, 2015 at 10:28 am #448294
    Katrin

    Hey Josue,
    I have double-checked my .htaccess-file and removed a line that might have caused the redirect to a page maintenance.html.
    I also have again verified that this page’s id is correct.

    This is the code I am currently using:
    .page_id=14 p.form_element:nth-child(4) { width: 100%; text-align: center; } h3.avia-form-success { text-align: center;}

    However, I still cannot see that the form’s header and button are aligned to the center.
    Could you please look into this again? – Thank you.

    May 22, 2015 at 6:01 pm #448528
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .avia_ajax_form {
    text-align: center;
}

    Cheers! 
    Josue

    May 22, 2015 at 6:09 pm #448533
    Katrin

    Hi Josue,

    ok, that worked. Thank you.
    Case resolved.

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘How to center the contact form’ is closed to new replies.