#185850 gửi bởi vthu8810
Ngày 02 Tháng 08 2017 , 09:32
Xin chào các bạn,
Mình muốn hỏi: cái phần footer nó tràn đầy ra 02 bên.
Mình muốn thu gọn nó lại = với nội dung cái phần body tin tức và có border, để nhìn cho nó cân đối nhưng ko bít làm cách nào.
Vì chào ngang trung bình giống body là 1080px, mình chỉnh trong style.css cho width là 1080px thì nó bị lệch sang tay trái.
Các bác chỉ giúp mình với. Xin cảm ơn.
Mình khoanh vùng 02 chỗ màu đỏ.
http://www.upsieutoc.com/image/NROrQj
#185863 gửi bởi kotvnn
Ngày 03 Tháng 08 2017 , 00:36
Cho link web để xem chứ bạn nói thế này cũng chẳng biết giúp thế nào.
hoặc ít nhất cho biết là bạn dùng theme gì.

Cần hỗ trợ về giao diện NukeViet
Hoàng Tùng (Kot)
Email: kotvnn@msn.com
Phone: 0913 268 293 (imessage)
#185870 gửi bởi nambmtk1993
Ngày 03 Tháng 08 2017 , 06:07
Để có thể cho độ rộng footer thu lại như bạn đang muốn. Bạn phải chỉnh sửa các thông số như sau.
1 - Bạn vào file style.css tìm #footer bỏ đi thuộc tính width:auto;
2 - Tiếp tìm file như sau: .../themes/default/layout/footer_extended.tpl. Tìm dòng
<nav class="footerNav2"><div class="wraper">...</div></nav>

Sửa thành:
<div class="wraper"> <nav class="footerNav2"> ... </nav> </div>

Sẽ được như bạn muốn
#185873 gửi bởi vthu8810
Ngày 03 Tháng 08 2017 , 06:50
Mình đã sửa trong footer extend theo giống bạn
[code]

















[/code]
[code]#footer {
position:relative;
min-height:250px;
width:1080px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #245682;
border-bottom-width:1px;
border-bottom-style: solid;
border-bottom-color: #245682;
background-color:#245682;
background-image:linear-gradient(to bottom,rgba(0,0,0,.1) 0,rgba(0,0,0,0) 100%);
padding:20px 0;
font-size:13px
}
[/code]
mình đã sửa giống bạn hướng dẫn rồi nhưng no vẫn ko ra đc hicc.
http://www.congtybaokhang.com
#185902 gửi bởi ngocphan123
Ngày 04 Tháng 08 2017 , 06:16
Bạn chỉ cần cho thẻ <div class="wraper"> ra ngoài thẻ <footer id="footer"> như đoạn code sau:

<div class="wraper">
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-xs-24 col-sm-24 col-md-6">
[MENU_FOOTER]
</div>
<div class="col-xs-24 col-sm-24 col-md-10">
[FEATURED_PRODUCT]
</div>
<div class="col-xs-24 col-sm-24 col-md-8">
[COMPANY_INFO]
</div>
</div>
<div class="row">
<div class="col-xs-24 col-sm-24 col-md-8">
<div class="panel-body">
[QR_CODE]
</div>
<div id="ftip" data-content="">
<div class="bg"></div>
</div>
</div>
<div class="col-xs-24 col-sm-24 col-md-16">
<div class="panel-body">
[FOOTER_SITE]
</div>
</div>
</div>
</div>
</footer>
</div>