stream icons

StackIdeas

By Darren Knipe on Saturday, 28 February 2015

Replies 6

Likes 0

Views 1K

Votes 0

Where are the stream icons stored?

I found them in the theme folder for wireframe, but these are not being used on the stream.

I want to customise.

Stream items are using font icons instead of actual images. I made a post a while back explaining how to modify icons to your liking.

http://stackideas.com/forums/change-icons#dc_reply_177246

Be sure to use the !important rule at the end so that it assures that you over ride the already existing icon(s).

Josh Lewis

Saturday, 28 February 2015 12:35

0 Likes

0 Votes

0 Comments

#189935

Spot on and thanks for sharing this Josh

Mark

Saturday, 28 February 2015 20:43

0 Likes

0 Votes

0 Comments

#189958

Thanks for this.

What is the css call for the colour backgrounds for the stream icons e.g. ies-crown.

I want to remove the circles

Darren Knipe

Monday, 02 March 2015 17:38

0 Likes

0 Votes

0 Comments

#190210

Use something like:

.type-links .stream-icon {

    background: transparent !important;

    border-color: transparent !important;

}

Change the first class "type-links" to the proper class of the icon based on the stream type you want to change. To modify a photo icon you would use a prefix class of "type-photos". That's just an example, the prefix class starts with a prefix of "type-".

Josh Lewis

Monday, 02 March 2015 18:26

0 Likes

0 Votes

0 Comments

#190221

thanks. that did it!
.type-badges .stream-icon {
background: transparent !important;
border-color: transparent !important;
}

Darren Knipe

Monday, 02 March 2015 18:45

0 Likes

0 Votes

0 Comments