Jump to the post that solved this thread.
Solved: 3 Years, 11 Months ago How do i fix these broken icons for a theme?
#1
Solved: 3 Years, 11 Months ago
Well, I accidentally refreshed this page so lost everything so now im kind of annoyed xD. Either way im using the latest version of the "Cerise" theme but I get these broken icons on the index page, which I managed to fix my myself by editing the index stylesheet. but i don't know where to edit this one.

The fixed icon on the index page looks like this now which is what I wanted
[Image: b4a78b110237a943a0c870bfcbef17a0.png]

but when I have a locked forum it comes up with this
[Image: fca009057ecf1109ccfa063c28718fe9.png]

I can manually fix it with the chrome develop menu by changing this
[Image: e105edf62a994f2d0d39b24cf709c00a.png]

to this

[Image: 3c802e228af6892df955320819073ad6.png]

just by changing "forum_offclose" to "forum_offlock" and the "mark_read ficons_2" to "mark_read ficons_1".

I hope someone can help me with this, thanks Big Grin
Reply
#2
Solved: 3 Years, 11 Months ago
Open up Themes > Cerise > Global.css and look for something like this. (Search for offlock in Global.css)

.forum_offlock i:before {
	color: #fff;
	content: "\f05e";
}

Go here and find an icon and replace the f053 code with the icon you want.
https://fontawesome.com/icons?d=gallery
[Image: sig2.jpg]
Reply
#3
Solved: 3 Years, 11 Months ago
(2018-09-04, 12:47 AM)iAndrew Wrote: Open up Themes > Cerise > Global.css and look for something like this. (Search for offlock in Global.css)

.forum_offlock i:before {
	color: #fff;
	content: "\f05e";
}

Go here and find an icon and replace the f053 code with the icon you want.
https://fontawesome.com/icons?d=gallery

thanks man, I didn't think it would be css and though it would have to do with the "Forum Bit Template" in the stylesheet but it didn't, thanks again Big Grin
Reply
#4
Solved: 3 Years, 11 Months ago
(2018-09-04, 02:49 AM)rossiscool123 Wrote:
(2018-09-04, 12:47 AM)iAndrew Wrote: Open up Themes > Cerise > Global.css and look for something like this. (Search for offlock in Global.css)

.forum_offlock i:before {
	color: #fff;
	content: "\f05e";
}

Go here and find an icon and replace the f053 code with the icon you want.
https://fontawesome.com/icons?d=gallery

thanks man, I didn't think it would be css and though it would have to do with the "Forum Bit Template" in the stylesheet but it didn't, thanks again Big Grin

Fyi: the actual latest version of cerise for 1.8.18 has both:


.forum_offclose i:before {
	content: "\f023";
}
.forum_offlock i:before {
	content: "\f023";
}

And:

.subforum_minioffclose i:before {
	content: "\f023";
}
.subforum_miniofflock i:before {
	content: "\f023";
}

https://community.mybb.com/mods.php?acti...6&bid=3397
Reply
Jump to the post that solved this thread.


Forum Jump:


Users browsing this thread: 1 Guest(s)