Contact form layout after submission

  • Unknown's avatar
    cage108 · Member ·

    Hi
    Please help once again … I have setup an RSVP page using CSS with a custom background. However when I click on submit the confirmation of the submission does not follow the rules of the CSS that the actual form was set on. For example, on the Contact form the top margin is set to 39% but this does not remain so after submission which makes for not very pretty viewing.
    You are more than welcome to submit some test data on my form to see what I am referring to.
    The page is Contact form Page

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    cage108 · Member ·

    I seem to have been able to fix one half of this problem. After submission I checked the submission page source code to find the page name instead of ID as the ID was changing with each submission. Using this new info I added this new CSS which has fixed the confirmation layout 

    .contact-form-submission {
	padding: 20px;
	margin-top: 60%;
	max-width: 350px;
	background: rgba(255,255,255,0.5);
	border-radius: 12px;
	text-shadow: none;
	font-size: 16px;
}

    However the header element at the top which basically just says “Message Sent ( Go Back )” is still stuck to the top which messes with my layout. So if anyone has any suggestions as to how I can move this down the page as well, I would appreciate.

  • Unknown's avatar
    thesacredpath · Member ·

    See my reply in the other thread you started on this issue: https://en.forums.wordpress.com/topic/contact-form-css-not-working-in-ie?replies=2

  • The topic ‘Contact form layout after submission’ is closed to new replies.