Nội dung

Css gravityform form liên hệ tốt nhất cho wordpress

2 năm trước, Code theme wordpress, 61 Lượt xem

Đoạn css form liên hệ gravityform dành cho những bạn dùng form này, mình up lên để copy cho dễ.. 😀

.gform_wrapper h3.gform_title {
    letter-spacing: normal!important;
    margin: 10px 0 6px;
    display: none;
}

input#gform_submit_button_1 {
    background: #333;
    padding: 5px 10px;
    color: #fff;
    font-weight: bold;
    border: none;
}

.gform_wrapper .gform_footer {
    padding: 16px 0 10px;
    margin: 0 !important;
    clear: both;
    width: 100%;
}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
    width: 100% !important;
}

body .gform_wrapper .top_label div.ginput_container {
    margin-top: -15px !important;
}

Nội dung

Page liên hệ

<?php get_header(); ?>

<div class="container">
	<div class="pageok">
		<h2 class="lien-heok"> Liên hệ ngay với chúng tôi</h2>
		<hr>

		<div class="row">
	
	
			<div class="col-lg-6">
				<?php echo do_shortcode('[gravityform id="1" title="true" description="true"]'); ?>
			</div>

			<div class="col-lg-6">
				<h5>Địa chỉ: Thôn Chua, Bình Minh, Thanh Oai, Hà Nộ</h5>		
				<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d29820.34083599463!2d105.7546063100011!3d20.89047850323709!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31344d381eb9c9d7%3A0xcf59832e40f9fd4f!2zTmjDoCBWxINuIEhvw6EgTeG7m2kgVGjDtG4gQ2h1YQ!5e0!3m2!1svi!2s!4v1579748229423!5m2!1svi!2s" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
			</div>


		</div>

	</div>
</div>

<?php get_footer(); ?>

 

Bài viết mới cập nhập

Bình luận trên facebook netweb.vn

Đam mê thiết kế web, kinh nghiệm 9 năm trong nghề thiết kế website, đang thiết kế web dạo tại netweb.vn, Callme: 08.9898.2526 (Mr Hải)