Hướng Dẫn Chỉnh Sửa Chiều Rộng Sidebar Diễn Đàn Xenforo

Để sửa chiều rộng sidebar Xenforo các bạn vào tìm template sidebar.css của Style cần sửa.

Thay width:270px bằng độ rộng bạn muốn chỉnh.

Mã:

.sidebar
{
    float: right;
    @property "sidebar";
    font-size: 12px;
    width: 270px;
    @property "/sidebar";
}

Hoặc không muốn chỉnh trong sidebar.css thì các bạn thêm mã sau vào template Extra.css

Nhớ thay width bằng độ rộng mong muốn.

Như VNO hiện tại là 300px

Mã:

.sidebar {width: 270px !important}

Để hiển thị full Sidebar trên smartphone

Trong Extra.css phần @media (max-width:@maxResponsiveWideWidth) thêm

Mã:

.Responsive .sidebar {width: 100% !important}

Chúc các bạn thành công!

 

Share cho các bạn bộ CSS đẹp, chuẩn dành cho Sidebar Xenforo

Lưu hoặc thay thế code có sẵn trong template Extra.css

Live Demo:

Diễn Đàn Kiếm Tiền Trên Mạng

Mã:

/* CNG - Sidebar */

.sidebar .section {border:1px #d1d1e1 solid !important}
.sidebar .section h3 {font-size:10pt !important; background:#5171A9 !important; color:#fff !important; padding:15px !important; font-weight:bold !important; margin:-1px !important}
.sidebar .section h3 a {font-size:10pt !important; color:#fff !important}
.sidebar .section h4 {margin:15px 15px 0 15px !important}
.sidebar .section dl {padding:5px 0 !important}
.sidebar .section .textCtrl {width: calc(100% - 30px) !important; padding:10px !important; margin: 15px !important}
.sidebar .section ol, .sidebar .section .minorHeading {margin: 15px 15px 0 15px !important}
.sidebar .section ul, .sidebar .section .footnote, .sidebar .section .statusPoster, .sidebar .section .pairsJustified {background-color:#F5F5FF !important; color:#000 !important; padding:15px !important; margin:0 !important}

.sidebar .visitorPanel, .sidebar .threadList, .sidebar .staffOnline, .sidebar .loginButton {display:none !important}
.sidebar .secondaryContent .statusPoster textarea {padding:5px !important}
.sidebar .avatarList .userTitle {color:#000 !important}