Jump to content
WebFlake
  • 0

Remove Glow Around Profile Picture and Forum Icons


Caleeco

Question

Hello, 

I'm running 4.2.7, and can't quite figure out how to remove the grey glow that seems to appear behind:

  1. Profile pictures previews (on main page)
  2. Forum FontAwesome icons on the main page

Is there a CSS trick to remove this?

Your help is much appreciated

Thanks

Caleeco

ForumGlow.JPG

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0
1 minute ago, STAR said:

Sorry I dont see any glow can you highlite it or something ? and are you using online indicator plugin ?

Hi STAR,

Perhaps glow was the wrong choice of word on my part... it's more of a grey drop-shadow. It only appears on the topic previews... and not the actual posts.

Attached a bigger picture, hopefully it shows up a bit better

Thanks

Caleeco

Dropshadow2.png

Link to comment
Share on other sites

  • 1

In your CSS, I would search for this line:

.ipsUserPhoto_tiny img


Within that, there should be a "box-shadow" line. Remove that and it should remove the shadow for you.
 

Sorry if this is hard to understand, I'm not very good without being able to see it live. If you don't understand what I mean, you could message me your forum link and I can give a more detailed fix. 

 

Same should be for the font-awesome icons, I'm just unsure what CSS class that would be under, perhaps a search for "font-awesome" in your CSS and doign the same process as above could help with that!

Edited by Chance
  • Like 1
Link to comment
Share on other sites

  • 0
Just now, STAR said:

Humm not sure why its doing that are you using online indicator plugin ? and is it doing same on other templates or just that 1 ?

I am indeed using online indicator plugin. But If i switch themes... it disappears, which would suggest its a theme problem.

Link to comment
Share on other sites

  • 0
6 minutes ago, Chance said:

In your CSS, I would search for this line:


.ipsUserPhoto_tiny img


Within that, there should be a "box-shadow" line. Remove that and it should remove the shadow for you.
 

Sorry if this is hard to understand, I'm not very good without being able to see it live. If you don't understand what I mean, you could message me your forum link and I can give a more detailed fix. 

 

Same should be for the font-awesome icons, I'm just unsure what CSS class that would be under, perhaps a search for "font-awesome" in your CSS and doign the same process as above could help with that!

Aha! I found the CSS line for the profile pictures. Drop shadow gone!

Searching for the other one... i think it should be attached to the .ipsItemStatus CSS. Struggling to find it atm, PM incoming. 

Thanks for your help thus far!

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...