MyBB Community Forums

Full Version: Vienna icon change
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hello all,

I seem to have lost my member details, was a member on here many years ago but gave up the forum scene for a while.

Anyway, back again and running 1.8.

Have opted for the awesome Vienna theme for my needs.

Had a question about customising it slightly as I have become rusty at all this.

How could I change the inverted comma icons to icons of my own such as using small avatars?

Please see attached screenshot for what I am talking about.

Thank you.
Replace this line in Templates > Vienna > Forumbit Templates > forumbit_depth2_cat and  forumbit_depth2_forum

<div class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"><i class="fa fa-quote-right"></i></div>

Replace it with

<span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></span>


Then go to Themes > Vienna > global.css, replace this

.forum_status {
height: 50px;
width: 50px;
text-align: center;
padding: 1px 2px;
font-size: 22px;
}

.forum_status i {
display: inline-block;
line-height: 50px;
}

.forum_on {
     color: #384247;
     text-shadow: 1px 1px 0px #fff;
}

.forum_off, .forum_offlock, .forum_offlink {
color: #333;
text-shadow: 1px 1px 0px #fff;
}

.forum_off i {
opacity: .4;
}

.forum_offlock i:before {
content: "\f05e";
  color: #adadad;
text-shadow: 1px 1px 0px #fff;
}

.forum_offlink i:before {
content: "\f079";
  text-shadow: 1px 1px 0px #fff;
}

With this

.forum_status {
	height: 30px;
	width: 30px;
	background: url(images/forum_icon_sprite.png) no-repeat 0 0;
	display: inline-block;
}

.forum_on {
	background-position: 0 0;
}

.forum_off {
	background-position: 0 -30px;
}

.forum_offlock {
	background-position: 0 -60px;
}

.forum_offlink {
	background-position: 0 -90px;
}
Thank you very much, will take a look at it later on.
Hi guys, i have this problem:

[Image: yMTljy0.png]

In the forums i have doubble icons, how resolve?
Thanks