Hello , i have an issue with space on subforums and sticky icons
How can i fix it?
Code from css_additional.css:
On forum the icons and text are ok , but on subforums and sticky threads icons are making space like in photo
Thanks.
How can i fix it?
Code from css_additional.css:
PHP Code:
.forum-list-container .forum-item.new .cell-forum .icon, .forum-list-container .forum-item.sub.new .cell-forum .icon {
background: transparent url("/icons/forum_new.gif") no-repeat;
width: 42px;
height: 42px;
}
.forum-list-container .forum-item .cell-forum .icon, .forum-list-container .forum-item.sub .cell-forum .icon {
background: transparent url("/icons/forum_old.gif") no-repeat;
width: 42px;
height: 42px;
}
.forum-list-container .forum-item .cell-forum .forum-desc, .forum-list-container .forum-item.sub .cell-forum .forum-desc {
margin-left: 48px;
margin-top: -0px;
}
.forum-list-container .forum-item .cell-forum > .forum-wrapper > .forum-info {
padding-{vb:stylevar left}: 48px; /* icon width + 8 */
}
.forum-list-container .forum-item .cell-forum .forum-desc {
margin-{vb:stylevar left}: 48px; /* icon width + 8 */
margin-top: -25px; /* 10 - icon height */
}
.forum-list-container .forum-item .cell-forum .forum-desc {
margin-{vb:stylevar left}: 48px; /* icon width + 8 */
margin-top: -25px; /* 10 - icon height */
}
/* Sub Forums */
.forum-list-container .subforum-list > td {
padding-{vb:stylevar left}: 53px; /* icon width + 13 */
}
/* Responsive */
[USER="3396"]media[/USER] only screen and (max-width: 768px) {
.forum-list-container .forum-item.sub .cell-forum .icon
.forum-list-container .forum-item .cell-forum .forum-desc {
margin-{vb:stylevar left}: 48px; /* icon width + 8 */
}
.forum-list-container .subforum-list > td {
.forum-list-container .forum-item.sub .cell-forum .forum-desc
padding-{vb:stylevar left}: 73px; /* icon width + 33 */
}
}
/* end custom forum icons */
/* unread sticky */
.topic-item.sticky .vb-icon.vb-icon-topic-status {
background: transparent url("/icons/forum_new_lock.gif") no-repeat;
width: 42px; /* icon width */
height: 42px; /* icon height */
}
/* read sticky */
.topic-item.sticky.read .vb-icon.vb-icon-topic-status {
background: transparent url("/icons/forum_old_lock.gif") no-repeat;
width: 42px; /* icon width */
height: 42px; /* icon height */
}
Thanks.
Comment