[General] Group Icon not visible in Cerise theme

[vk_knight]

So I changed the font of the user group. But its now showing this after changing.

https://ibb.co/zNq9mWN

As you can see the icon prior to the 'Super Active Member' is not visible. How can I fix it or even remove it?

[Serpius]

So I changed the font of the user group. But its now showing this after changing.

https://ibb.co/zNq9mWN

As you can see the icon prior to the 'Super Active Member' is not visible. How can I fix it or even remove it?

Did you upload the images to the folder as shown in the first screenshot?

Also, make sure the path is correct as shown in the second screenshot.

[vk_knight]

I don't have any group images. A default icon was showing in that place. And now its showing the box.

[Serpius]

I don't have any group images. A default icon was showing in that place. And now its showing the box.

Ok, but is the path pointing to the correct location of the default icons/images? That's important as well.

Double check the settings in the default theme to make sure the paths are in the correct place.

@vintagedaddyo uses the theme's own folders. 

Look at the screenshot, even though it says Tawny, @vintagedaddyo uses the same method for most of his themes.

Upload the folder exactly how it is shown in the screenshot and the Cerise theme will work as advertised.

[vk_knight]

Yeah, I checked it. Everything is alright.

[User 4384]

Hi,

my 2 cents..., do you remove the fontawesome font and replace it by the new one (in the template/code)?

If the answer is "yes", the error that is showing it's because it's the icon of this font.

You have 2 solutions, add the fontawesome font again (with the new one you use), or delete any reference to the icons of fontawesome in the CSS of the theme, like:

.postbit_buttons a.postbit_reply_all span:before {  content: "\f122"; }

[User 6029]

So I changed the font of the user group. But its now showing this after changing.

https://ibb.co/zNq9mWN

As you can see the icon prior to the 'Super Active Member' is not visible. How can I fix it or even remove it?

First, that is user title styling not groupimage styling. Cerise has both and the first step is not to confuse one for the other.


As I stated here: https://community.mybb.com/thread-221614.html  there are two stylsheets one for groutag ie: usertitle and one for groupimage. Both of which control the css for groupimage and usertitle.


As you also can see from the mods page that it explains how to finalize group image.

Due to the addition of css groupimage replacement, we need to after install modify for font awesome icon and add in groups in groupimage input for example for each usergroup its respective group name:

   

    Group Image

    Here you can set a group image which will show on each post made by users in this group.

Example

<icon class="fa fa-cog"></icon><i>administrator</i>

<icon class="fa fa-gavel"></icon><i>super moderator</i>

<icon class="fa fa-gavel"></icon><i>moderator</i>

<icon class="fa fa-user"></icon><i>registered</i>

Etc, etc....

For the groupimages you would control the icon by modifying in the icon call for example:*

<icon class="fa fa-user"></icon><i>registered</i>

fa fa-whatever


As for user title the icons are controlled by css in the :before content: and can be modified by changing content: or removing content:

** also note: both use font awesome 4.7 as does the rest of the theme so make sure to use valid fa 4.7 icons