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:
In the forums i have doubble icons, how resolve?
Thanks