Help with icons

Koel

Please see the attached image, there is no icon next to popular and invitation. How can i put icons

vrijvlinder

I don't see the code you added, better go ask kasper since he made the theme

https://github.com/kasperisager/vanilla-bootstrap/issues/new

vrijvlinder

You could try the Sprites plugin which comes with Vanilla

Koel

i have already tried that plugin. it doesn't help. thanks for reply

vrijvlinder

Ok , you can usually add the icon I mean it is a sprite which means all the icons are in one image and css is used to determine the position of the specific icon within that image.

You can add an icon there by using css coordinates to make sure it is seen. It looks as though the coordinates for those icons is wrong or not there in the css of the theme or plugin .

If you give me a link I may be able to help.

Koel

@vrijvlinder said:
Ok , you can usually add the icon I mean it is a sprite which means all the icons are in one image and css is used to determine the position of the specific icon within that image.

You can add an icon there by using css coordinates to make sure it is seen. It looks as though the coordinates for those icons is wrong or not there in the css of the theme or plugin .

If you give me a link I may be able to help.

Thanks for replying, here is the link of the website

vrijvlinder

Ok that is the theme Bootstrap and you should post css issues under the theme or read the page of theme to know where to go ask for help or post issues.

The css is missing for that icon. The theme uses font awesome for the icons instead of sprite and you need to figure out which one you want and go to font awesome to find it.

.SpPopularDiscussions::before, .InformSprite.Flags::before {
content: "f164";
}

http://fortawesome.github.io/Font-Awesome/icons/

Koel

@vrijvlinder‌ thanks for your help and i'll keep in mind

Koel

@vrijvlinder said:
Ok that is the theme Bootstrap and you should post css issues under the theme or read the page of theme to know where to go ask for help or post issues.

The css is missing for that icon. The theme uses font awesome for the icons instead of sprite and you need to figure out which one you want and go to font awesome to find it.

.SpPopularDiscussions::before, .InformSprite.Flags::before {
content: "f164";
}

http://fortawesome.github.io/Font-Awesome/icons/

Sorry @vrijvlinder‌ i have very basic knowledge about this code.
i have put.SpPopularDiscussions::before, .InformSprite.Flags::before { content: "f1eb"; }
but it's showing icons with f1eb i want to show this icon.http://fortawesome.github.io/Font-Awesome/icon/wifi/

As per your instruction, i'll post in the theme section of this theme

vrijvlinder

I don't see the code you added, better go ask kasper since he made the theme

https://github.com/kasperisager/vanilla-bootstrap/issues/new