Support Online: Mon - Fri / 08:00am - 05:00pm (GMT +7)
Your Time: Our Time:

lock Forlio - Add Contact Form to Bottom of Home Page

More
9 years 8 months ago - 9 years 8 months ago #3555 by Brett T
I'm not sure I was clear enough. Please see the attached image. I want to make the headline of the mail form look like the headlines of the other sections in the Forlio template. Email form should be centered also.
Attachments:
Last edit: 9 years 8 months ago by Brett T. Reason: Additional Information
The topic has been locked.
More
9 years 8 months ago - 9 years 8 months ago #3560 by Tinh Nguyen
Hi,

I'm not sure I was clear enough. Please see the attached image. I want to make the headline of the mail form look like the headlines of the other sections in the Forlio template.


I added the "mod_noo_contactform" folder in "html" folder.
The path of "html" folder:
{yoursite}/template/noo_folio/html

Then I upload 2 file: default.php and index.html in "mod_noo_contactform" folder.
Please view the attachment.

Please check again and feedback for me.

***************
Best Regards,
T
Attachments:
Last edit: 9 years 8 months ago by Tinh Nguyen.
The topic has been locked.
More
9 years 8 months ago #3586 by Brett T
That is what I was looking for but I extra code left in the message / text area. Also I wish to narrow the form overall. make it about half as wide. I am happy to adjust it if you point me to the code. See attached as this is ultimately what I am trying to make it look like.


Does the module also support recapture?



Thanks for your help
Attachments:
The topic has been locked.
More
9 years 8 months ago #3599 by Brett T
See my prior post as to what I am trying to achieve.

I see this code inthe message area of the email for now
</div>
    </div>
  </div>
	
			</div>
		</div>
	</div>
	<!-- // END logo-client -->

	
<!-- FOOTER -->
<footer id="t3-footer" class="wrap t3-footer">

			<!-- FOOT NAVIGATION -->
		<div class="container">
				<!-- SPOTLIGHT -->
	<div class="t3-spotlight t3-footnav  row">
					<div class=" col-lg-3 col-md-3 col-sm-6 col-xs-12">
									<div class="t3-module module footer-about" id="Mod109">
    <div class="module-inner">
                  <h3 class="module-title"><span>ThatWorks!</span></h3>
            <div class="module-ct">
      

<div class="custom"  >
	<p>Is a professional Utah website design and development group. We offer afforable, handcrafted, Joomla! & WordPress websites for individuals, startups, small, and medium sized businesses.</p>
<div class="fSocial"> </div></div>
      </div>
    </div>
  </div>
	
							</div>
					<div class=" col-lg-3 col-md-3 col-sm-6 col-xs-12">
									<div class="t3-module module footer-contact" id="Mod110">
    <div class="module-inner">
                  <h3 class="module-title"><span>Contact Us</span></h3>
            <div class="module-ct">
      

<div class="custom"  >
	<p>Location: Salt Lake City, Utah</p>
<p>Tel: (+801) 742-1398</p>
<p>Email: [email protected]</p>
<p>Website: <a href="http://thatworksdesign.com">thatworksdesign.com</a></p>
</div>
      </div>
    </div>
  </div>
	
							</div>
					<div class=" col-lg-3 col-md-3 col-sm-6 col-xs-12">
									<div class="t3-module modulelatest-blog" id="Mod95">
    <div class="module-inner">
                  <h3 class="module-title"><span>Latest Blog</span></h3>
            <div class="module-ct">
      
<div id="k2ModuleBox95" class="k2ItemsBlock latest-blog">

	
	  <ul>
        <li class="even">

      <!-- Plugins: BeforeDisplay -->
      
      <!-- K2 Plugins: K2BeforeDisplay -->
      
      
      

      
      <!-- Plugins: AfterDisplayTitle -->
      
      <!-- K2 Plugins: K2AfterDisplayTitle -->
      
      <!-- Plugins: BeforeDisplayContent -->
      
      <!-- K2 Plugins: K2BeforeDisplayContent -->
      
      
	  	  <div class="blog-info">
		  	      	<a class="moduleItemTitle" href="/thatworksdesign/index.php/component/k2/item/25-frequently-asked-questions">Frequently Asked Questions</a>
	      	      	      	<span class="moduleItemDateCreated">Mar 19, 2015</span>
	      	  </div>


      
      <div class="clr"></div>

      
      <div class="clr"></div>

      <!-- Plugins: AfterDisplayContent -->
      
      <!-- K2 Plugins: K2AfterDisplayContent -->
      
      
      
      
      
			
			
			
      <!-- Plugins: AfterDisplay -->
      
      <!-- K2 Plugins: K2AfterDisplay -->
      
      <div class="clr"></div>
    </li>
        <li class="odd">

      <!-- Plugins: BeforeDisplay -->
      
      <!-- K2 Plugins: K2BeforeDisplay -->
      
      
      

      
      <!-- Plugins: AfterDisplayTitle -->
      
      <!-- K2 Plugins: K2AfterDisplayTitle -->
      
      <!-- Plugins: BeforeDisplayContent -->
      
      <!-- K2 Plugins: K2BeforeDisplayContent -->
      
      
	  	      <a class="moduleItemImage" href="/thatworksdesign/index.php/component/k2/item/22-naria-book-cover-art" title="Continue reading "Naria - Book cover art"">
	      	<img src="/thatworksdesign/media/k2/items/cache/71f67488b0857639cee631943a3fc6fa_S.jpg" alt="Naria - Book cover art"/>
	      </a>
	  	  <div class="blog-info">
		  	      	<a class="moduleItemTitle" href="/thatworksdesign/index.php/component/k2/item/22-naria-book-cover-art">Naria - Book cover art</a>
	      	      	      	<span class="moduleItemDateCreated">Nov 24, 2014</span>
	      	  </div>


      
      <div class="clr"></div>

      
      <div class="clr"></div>

      <!-- Plugins: AfterDisplayContent -->
      
      <!-- K2 Plugins: K2AfterDisplayContent -->
      
      
      
      
      
			
			
			
      <!-- Plugins: AfterDisplay -->
      
      <!-- K2 Plugins: K2AfterDisplay -->
      
      <div class="clr"></div>
    </li>
        <li class="even lastItem">

      <!-- Plugins: BeforeDisplay -->
      
      <!-- K2 Plugins: K2BeforeDisplay -->
      
      
      

      
      <!-- Plugins: AfterDisplayTitle -->
      
      <!-- K2 Plugins: K2AfterDisplayTitle -->
      
      <!-- Plugins: BeforeDisplayContent -->
      
      <!-- K2 Plugins: K2BeforeDisplayContent -->
      
      
	  	      <a class="moduleItemImage" href="/thatworksdesign/index.php/component/k2/item/21-icons" title="Continue reading "Icons"">
	      	<img src="/thatworksdesign/media/k2/items/cache/9b2c4b44fb86522964124ed80d03c5e8_S.jpg" alt="Icons"/>
	      </a>
	  	  <div class="blog-info">
		  	      	<a class="moduleItemTitle" href="/thatworksdesign/index.php/component/k2/item/21-icons">Icons</a>
	      	      	      	<span class="moduleItemDateCreated">Nov 24, 2014</span>
	      	  </div>


      
      <div class="clr"></div>

      
      <div class="clr"></div>

      <!-- Plugins: AfterDisplayContent -->
      
      <!-- K2 Plugins: K2AfterDisplayContent -->
      
      
      
      
      
			
			
			
      <!-- Plugins: AfterDisplay -->
      
      <!-- K2 Plugins: K2AfterDisplay -->
      
      <div class="clr"></div>
    </li>
        <li class="clearList"></li>
  </ul>
  
	
	
</div>
      </div>
    </div>
  </div>
	
							</div>
					<div class=" col-lg-3 col-md-3 col-sm-6 col-xs-12">
									<div class="t3-module module" id="Mod111">
    <div class="module-inner">
                  <h3 class="module-title"><span>FLICKR PHOTOSTREAM</span></h3>
            <div class="module-ct">
      
<div id="gallery" class="noo-gallery clearfix">
	<ul class="noo-gallery-lists">
		<li class="noo-gallery-item">
		<a href="/thatworksdesign/images/nootheme/demo/flickr/1.jpg" data-url = ""  data-description="" data-gallery="gallery" title=""><img class="img-polaroid" src="/thatworksdesign/images/resized/images/nootheme/demo/flickr/1_65_46.jpg"  alt="" /></a>
			</li>
		<li class="noo-gallery-item">
		<a href="/thatworksdesign/images/nootheme/demo/flickr/2.jpg" data-url = ""  data-description="" data-gallery="gallery" title=""><img class="img-polaroid" src="/thatworksdesign/images/resized/images/nootheme/demo/flickr/2_65_46.jpg"  alt="" /></a>
			</li>
		<li class="noo-gallery-item">
		<a href="/thatworksdesign/images/nootheme/demo/flickr/3.jpg" data-url = ""  data-description="" data-gallery="gallery" title=""><img class="img-polaroid" src="/thatworksdesign/images/resized/images/nootheme/demo/flickr/3_65_46.jpg"  alt="" /></a>
			</li>
		<li class="noo-gallery-item">
		<a href="/thatworksdesign/images/nootheme/demo/flickr/4.jpg" data-url = ""  data-description="" data-gallery="gallery" title=""><img class="img-polaroid" src="/thatworksdesign/images/resized/images/nootheme/demo/flickr/4_65_46.jpg"  alt="" /></a>
			</li>
		<li class="noo-gallery-item">
		<a href="/thatworksdesign/images/nootheme/demo/flickr/5.jpg" data-url = ""  data-description="" data-gallery="gallery" title=""><img class="img-polaroid" src="/thatworksdesign/images/resized/images/nootheme/demo/flickr/5_65_46.jpg"  alt="" /></a>
			</li>
		<li class="noo-gallery-item">
		<a href="/thatworksdesign/images/nootheme/demo/flickr/6.jpg" data-url = ""  data-description="" data-gallery="gallery" title=""><img class="img-polaroid" src="/thatworksdesign/images/resized/images/nootheme/demo/flickr/6_65_46.jpg"  alt="" /></a>
			</li>
		</ul>
</div>
<div id="blueimp-gallery" class="blueimp-gallery">
    <div class="slides"></div>
    <h3 class="title"></h3>
    <a class="prev">‹</a>
    <a class="next">›</a>
    <a class="close">×</a>
    <a class="play-pause"></a>
    <ol class="indicator"></ol>
    <div class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" aria-hidden="true">×</button>
                    <h4 class="modal-title"></h4>
                    <div class="model-desc"></div>
                </div>
                <div class="modal-body next"></div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default pull-left prev">
                        <i class="fa fa-chevron-left"></i>
                        Previous                    </button>
                    <button type="button" class="btn btn-primary next">
                        Next                        <i class="fa fa-chevron-right"></i>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>      </div>
    </div>
  </div>
	
							</div>
			</div>
<!-- SPOTLIGHT -->		</div>
		<!-- //FOOT NAVIGATION -->
	
	<section class="t3-copyright">
		<div class="container">
			<div class="row">
				<div class="col-md-12 copyright ">
					
				</div>
							</div>
		</div>
	</section>

</footer>
<!-- //FOOTER -->

<div id="back-to-top" class="back-to-top" style="display: block;">
	<i class="fa fa-angle-up"></i>
</div>
</div>


</body>
</html>

Also I now see graphic distortion all over the home page when viewing it in Chrome. See attached. This wasnt happening before today.

Attachments:
The topic has been locked.
More
9 years 8 months ago #3640 by Tinh Nguyen
Hi,

I have fixed.

1,
I edited default.php.
The path of "html" folder:
{yoursite}/template/noo_folio/html/mod_noo_contactform/default.php

I added the following code in the custom.css file.
The path of custom.css file.
{yoursite}templates/noo_petcare/css/custom.css
.noo-ctform {
  max-width: 768px;
  margin: auto;
}

.noo-ctform .form-info {
	text-align: center;
}

.noo-ctform .inputbox {
	width: 100%  !important;
}

.noo-ctform #contact_message {
  min-height: 196px;
}

2,

Also I now see graphic distortion all over the home page when viewing it in Chrome. See attached. This wasnt happening before today.


I opened yoursite on chrome, It's not graphic distortion.

Please check again and feedback for me.

***************
Best Regards,
T
Attachments:
The topic has been locked.
More
9 years 8 months ago #4033 by Tinh Nguyen
Hi Bvrettski,

Thank you for using our products!

It's been a long time I didn't see your reply. Therefore, I will close this topic.
If you have any other questions and need our support, please create a new topic for that.

***************
Best Regards,
T
The topic has been locked.
Moderators: Jackie
Time to create page: 0.268 seconds
Powered by Kunena Forum