big thanks to Glenn Vergara for this code...now we dont need to wait for a custom sprite editor to get larger and better forum icons!
wanted to start this in a clean topic because this is a pretty exciting customization ability we were kinda bummed to have to wait for and i think alot of people will like this. goes in css_additional.css..
works with responsive!
he has even put instructions into the code so you know how to adjust the spacing for your icon...so easy!
enjoy!
wanted to start this in a clean topic because this is a pretty exciting customization ability we were kinda bummed to have to wait for and i think alot of people will like this. goes in css_additional.css..
works with responsive!
he has even put instructions into the code so you know how to adjust the spacing for your icon...so easy!
Code:
/* start custom forum icons */ /* Forums */ .forum-list-container .forum-item .cell-forum .icon { background: transparent url("http://www.your_imagelink1.com") 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("http://www.your_imagelink2.com") 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 */ @media 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 */

Comment