MyBB Community Forums
Cerise front end theme - changing of thread icons - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Resources (https://community.mybb.com/forum-8.html)
+--- Forum: Themes (https://community.mybb.com/forum-103.html)
+---- Forum: Theme Support (https://community.mybb.com/forum-10.html)
+---- Thread: Cerise front end theme - changing of thread icons (/thread-223310.html)



Cerise front end theme - changing of thread icons - Silvrav - 06-07-2019

Hey all

I want to change these icons to custom icons - I have tried various plugins and methods but all I could find seems to work on the default template only.

I can change the icon that will then change all of them but I want each forum to have a unique icon

Is anyone willing to assist?

[attachment=41831]


RE: Cerise front end theme - changing of thread icons - meetdilip - 06-07-2019

I don't know whether it will work on your theme, but there is a tutorial on this forum. It will help you replace board icons with fontawesome icons. I think it should work.


RE: Cerise front end theme - changing of thread icons - vintagedaddyo - 06-16-2019

(06-07-2019, 01:34 AM)Silvrav Wrote: Hey all

I want to change these icons to custom icons - I have tried various plugins and methods but all I could find seems to work on the default template only.

I can change the icon that will then change all of them but I want each forum to have a unique icon

Is anyone willing to assist?


Change them in global.css.

[Image: 2ld8v3d.png]

Find:

.ficons_2 i:before {
	content: "\f086";
}
.ficons_3 i:before {
	content: "\f086";
}
.ficons_4 i:before {
	content: "\f086";
}
.ficons_6 i:before {
	content: "\f086";
}
.ficons_7 i:before {
	content: "\f086";
}


Modify/change and reflect for each of your forum #s


Example:

.ficons_2 i:before {
content: "\f000";
}

.ficons_3 i:before {
content: "\f1ba";
}

.ficons_4 i:before {
content: "\f2e7";
}

.ficons_5 i:before {
content: "\f3fd";
}

.ficons_6 i:before {
content: "\f03e";
}

.ficons_7 i:before {
content: "\f000";
}

.ficons_8 i:before {
content: "\f1ba";
}

.ficons_9 i:before {
content: "\f2e7";
}

.ficons_10 i:before {
content: "\f3fd";
}

.ficons_11 i:before {
content: "\f03e";
}

.ficons_12 i:before {
content: "\f000";
}

.ficons_13 i:before {
content: "\f1ba";
}

.ficons_14 i:before {
content: "\f2e7";
}

.ficons_15 i:before {
content: "\f3fd";
}

.ficons_16 i:before {
content: "\f03e";
}

If that is too complicated using the existing theme css and editing accordingly, then alternately you could try my FA4 plugin since the cerise theme is FA 4.7: https://community.mybb.com/mods.php?action=view&pid=1259 Though you will need to revert three templates in cerise and modify one other as is mentioned on the plugin information found on the mods site link.