vb5 temp fix for custom forum icons(any size)

[Trevor Hannant]

I've closed this topic as:

1. It's 6 years old and unrelated to your issue and
2. You've got another topic on this open as well...

Please don't post multiple times on the same issue. Additionally, topics from years ago will be based on significantly older versions of vBulletin and not the version you're running....

[Rick Campbell]

Thank you so much, now I just need to find out why 2 of mine are not displaying as transparent background when they are or should be.

Any ideas on that?

[Mark.B]

Why can't vbulletin give us an option for custom icons in the channel editor we can just specify the path there for each channel...

As Glenn says…we have.

[glennrocksvb]

Why can't vbulletin give us an option for custom icons in the channel editor we can just specify the path there for each channel...

This is an old topic. There's an option now to upload an image in the Channel Manager.

[Rick Campbell]

Why can't vbulletin give us an option for custom icons in the channel editor we can just specify the path there for each channel...

[applemaniacos]

Try my suggestion here.

https://www.vbulletin.com/forum/foru...79#post4376479

That also applies here.

Thank you Glenn Vergara
I've tried, but it's still the same.

What I see that is causing this mismatch is this:
excuse my ignorance, please

[glennrocksvb]

Try my suggestion here.

https://www.vbulletin.com/forum/forum/vbulletin-5-connect/vbulletin-5-connect-questions-problems-troubleshooting/vbulletin-5-site-builder/4376475-channel-discription-padding?p=4376479#post4376479

That also applies here.

[applemaniacos]

Thank you very much, Glenn Vergara
I am testing with this code. someone knows the way in the responsive method, the thread title is left.
Please.
Thank you.

/* start custom forum icons */
/* Forums */
.forum-list-container .forum-item[data-channel-id="45"] .cell-forum .icon {
background: transparent url("http://www.example.com/images/statusicon/sorteoforum_old-48.svg") no-repeat; /* forum icon for forums with old posts */
width: 50px; /* icon width */
height: 50px; /* icon height */
}
.forum-list-container .forum-item[data-channel-id="45"] .new .cell-forum .icon {
background: transparent url("http://www.example.com/images/statusicon/sorteoforum_old-48.svg") no-repeat; /* forum icon for forums with new posts */
width: 40px; /* icon width */
height: 42px; /* icon height */
}
.forum-list-container .forum-item[data-channel-id="45"] .cell-forum > .forum-wrapper > .forum-info {
padding-{vb:stylevar left}: 48px; /* icon width + 8 */
}
.forum-list-container .forum-item[data-channel-id="45"] .cell-forum .forum-desc {
margin-{vb:stylevar left}: 48px; /* icon width + 8 */
margin-top: -25px; /* 17 - 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 .cell-forum .forum-desc {
margin-{vb:stylevar left}: 48px; /* icon width + 8 */
}
.forum-list-container .subforum-list > td {
padding-{vb:stylevar left}: 73px; /* icon width + 33 */
}
}
/* end custom forum icons */

[Aros12]

Can't get the sub forum icons to work...Here's my code:

/* forum icon for forums with old posts (default) */
#forum39 .cell-forum .icon {
    background: transparent url("images/css/icon_checked.png") no-repeat;
}
/* forum icon for forums with new posts */
#forum39 .cell-forum .icon {
    background: transparent url("images/css/icon_notchecked.png") no-repeat;
}

http://www.hobbysquawk.com/forum/rc-airplanes/propeller-airplanes

[Aros12]

Thanks, I did get help with the code...Here's what ended up working for me, including responsive...

.forum-list-container .forum-item .cell-forum .forum-desc {
    margin-left: 40px;
}

.forum-list-container .forum-item .cell-forum > .forum-wrapper > .forum-info {
    padding-left: 40px;
}

/* start custom forum icons */
/* Forums */
.forum-list-container .forum-item .cell-forum .icon {
background: transparent url("images/css/icon_checked.png") no-repeat; /* forum icon for forums with old posts */
width: 40px; /* icon width */
height: 46px; /* icon height */
}
.forum-list-container .forum-item.new .cell-forum .icon {
background: transparent url("images/css/icon_notchecked.png") no-repeat; /* forum icon for forums with new posts */
width: 40px; /* icon width */
height: 46px; /* icon height */
}
.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; /* 17 - 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 .cell-forum .forum-desc {
margin-{vb:stylevar left}: 48px; /* icon width + 8 */
}
.forum-list-container .subforum-list > td {
padding-{vb:stylevar left}: 73px; /* icon width + 33 */
}
}
/* end custom forum icons */

[IggyP]

mess with the padding a bit...you can see where he put, like 73px = icon width +33...that can give u a closer idea whats needed

[Aros12]

I can't get my margins right...The icon butts up against the text...Here's the code and screen shot:

/* start custom forum icons */
/* Forums */
.forum-list-container .forum-item .cell-forum .icon {
background: transparent url("images/css/icon_checked.png") no-repeat; /* forum icon for forums with old posts */
width: 40px; /* icon width */
height: 42px; /* icon height */
}
.forum-list-container .forum-item.new .cell-forum .icon {
background: transparent url("images/css/icon_notchecked.png") no-repeat; /* forum icon for forums with new posts */
width: 40px; /* icon width */
height: 42px; /* icon height */
}
.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; /* 17 - 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 .cell-forum .forum-desc {
margin-{vb:stylevar left}: 48px; /* icon width + 8 */
}
.forum-list-container .subforum-list > td {
padding-{vb:stylevar left}: 73px; /* icon width + 33 */
}
}
/* end custom forum icons */

[Danloona]

i think already is fixed

[glennrocksvb]

Check post #13 of this thread.

[Robyn L]

Thanks very much for this; it worked perfectly for the main icons.

Can you tell me what code I would need to add to change the small sub-forum icons on the main page. I'm happy with the size, I just want to change the shape and colour. Thank you for your help.