MyBB Community Forums

Full Version: [For 1.8] Use background image in Forums in Index Page
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hey Team, 

If I can receive some help that would be awesome. I'm having issues implementing this tutorial on my website. 
Use background image in Forums in Index Page (mybb.com)

Here is my code for forumbit_depth2_forum:
<!-- Class Change // forumbit_forumlist-forum -->
<div class="forumbit_forumlist-forum" id="forum_cat_{$forum['fid']}">
	<div class="forumbit_forum_forumicon" id="mark_read_{$forum['fid']}">
		<img src="{$mybb->settings['bburl']}/stabilizer/assets/images/forumicons/{$forum['stabilizer_ficontype']}.png" title="{$lightbulb['altonoff']}" />
		<div class="forumbit_forum_forumicon-num">{$posts}<div>Posts</div></div> 
	</div>
	<div class="forumbit_forum_main" id="forum_cat_{$forum['fid']}">
		<div class="forumbit_forum_main_forumname"><a href="{$forum_url}">{$forum['name']}</a>{$forum_viewers_text}</div>
		<div class="forumbit_forum_main_forumdesc"><span title="{$forum['description']}">{$forum['description']}</span>{$modlist}</div>
		<div class="forumbit_forum_main_subforums">
			{$subforums}
			<span class="forumbit_forum_main_new type-{$lightbulb['folder']}">{$lightbulb['altonoff']}!</span>
		</div>
	</div>
	<div class="forumbit_forum_actions">
		<span class="popup_holder"><a href="javascript:void(0)" class="cpmenu"><svg class="icon" xmlns="http://www.w3.org/2000/svg"><use xlink:href="stabilizer/svg/sprite.svg#settings-icon"></use></svg></a>
			<div class="popups_menu">
				<ul>
					<li><a href="{$mybb->settings['bburl']}/newthread.php?fid={$forum['fid']}"><i class="fas fa-plus fa-fw"></i>{$lang->md_forumbit_newthread}</a></li>
					<li><a href="{$lastpost_link}"><i class="fas fa-comments fa-fw"></i>{$lang->md_forumbit_lastmessage}</a></li>
					<li><a href="{$mybb->settings['bburl']}/search.php?action=getdaily&fid={$forum['fid']}"><i class="fas fa-comments fa-fw"></i>{$lang->md_forumbit_todaymessages}</a></li>
					<li><a href="{$mybb->settings['bburl']}/syndication.php?fid={$forum['fid']}&limit=15"><i class="fas fa-rss"></i>{$lang->md_forumbit_rss}</a></li>
				</ul>
			</div>
		</span>
	</div>
	<div class="forumbit_forum_lastpost">
		{$lastpost}
</div>
</div>

Based on OP post, I was able to generate forum ids. But, my test image for his css is not working for some reason:
.forum_cat_27 {
   background: url(https://i.ibb.co/f8WyPF9/newspaper-png-naval-station-newport-ceases-publication-of-base-newspaper-the-newport-navalog-what-su.png);
   background-repeat: no-repeat !important;
   background-position: left top !important;
}

I believe some other css is being in use still, that's why it's not showing. If anyone can point me in the right direction that would be great!

Thanks!
pm me
Thanks buddy, all is fixed now!