Contact Page "Thank You" Message Error

Hi, when someone send message on my contact page, the thank you message is showing off the page corner of the page instead of the centered top. Also the style is not showing as in the demo. Can anyone please help me? Please, everything look fine in the style but can't figure out what's going wrong. Please check the screenshot.

Could You please post an url to your site?

Sorry this is my first time using the forum. The site url is http://link4corp.com
Contact Page is under About Us

Could You please post an url to your site?

It seems like something is overriting templates messaging system - layout of elements have changed from:

Code: Select all

<div id="system-message-container">
<dl id="system-message">
<dt class="message">Message</dt>
<dd class="message message">
   <ul>
      <li>Thank you for your email.</li>
   </ul>
</dd>
</dl>
</div>


to:

Code: Select all

<div id="system-message-container">
<div id="system-message">
<div class="alert alert-message"><a class="close" data-dismiss="alert">×</a>
<h4 class="alert-heading">Message</h4>
<div>
      <p>Thank you for your email.</p>
</div>
</div>
</div>
</div>


Perhaps a 3rd party plugin does that?

Okay I just disabled all the modules and plugins I installed on the site and it still didn't fix that problem. Can you tell me which of the templates files this message code is in, so I can take a look. I just been scrolling through all the files and codes but don't see this. Maybe I could just disable this thank you message or change the position to place it directly over the contact form instead of above the page.

https://www.gavick.com/forums/startup/c ... 28648.html

It seems like something is overriting templates messaging system - layout of elements have changed from:

Code: Select all

<div id="system-message-container">
<dl id="system-message">
<dt class="message">Message</dt>
<dd class="message message">
   <ul>
      <li>Thank you for your email.</li>
   </ul>
</dd>
</dl>
</div>


to:

Code: Select all

<div id="system-message-container">
<div id="system-message">
<div class="alert alert-message"><a class="close" data-dismiss="alert">×</a>
<h4 class="alert-heading">Message</h4>
<div>
      <p>Thank you for your email.</p>
</div>
</div>
</div>
</div>


Perhaps a 3rd party plugin does that?

You can try this workaround:
Please edit: /templates/gk_startup/css/override.css and add at its end:

Code: Select all

#system-message-container #system-message {text-align:center;}
#system-message-container #system-message a {display: none}
#system-message-container .alert-heading {display: none;}
#system-message-container #system-message > div {padding: 5px 12px;
color: #FFF;
font-size: 16px;
text-align: center;
font-weight: 300;
margin: 0 0 10px 0;
background: #363636;}


Remember to enable "CSS override" in template settings - advanced section.