how do i fix this rss text and icon style collision on buddypress activity page?

[dainiswmichel 0]

http://screencast.com/t/kMcR6sfIsGr7 how do i fix this style collision? sincerely, dainis w michel

[Rob 547]

Try this. It will hide the background RSS image but leave the RSS link. [code]div.item-list-tabs ul li.feed a {background: none repeat scroll 0 0 transparent;}[/code] Another instance of Buddypress trying to force its own CSS on others.

[dainiswmichel 0]

what if i like the image, can i just add padding r sumthin?

[Jenny 33]

I have actually tried to add padding to it before and I cannot figure it out. I suggest either hiding it as suggested above or contact BuddyPress directly for assistance since this is a BuddyPress issue.

[dainiswmichel 0]

http://screencast.com/t/n3bDrzp28L tried putting #buddypress-page #subnav a { display: block; font-size: 12px; } into the custom code don't know how to block a specific style cuz look what happens if i do this: i just deleted the line-height and the padding settings in the #buddypress-page #subnav a style and the display looks fine http://screencast.com/t/6pTXDLBNr5m however, i don't know how to go into custom code and do this kind of "style blocking" or whatever within pagelines. can you explain?

[kastelic 6]

So you want to revert the line-height and padding to not be affected by the stylesheet? Something like: [code] { padding: 0 !important; line-height: normal !important; } [/code] Although it seems a pixel value for line-height should work .

[dainiswmichel 0]

...i'm looking to have the rss text and icon not collide. this looks like it works, but i don't know if it breaks anything else: #buddypress-page #subnav a { display: block; font-size: 12px; padding: 4px 0px 0px 21px !important; line-height: normal !important; }

[kastelic 6]

Okay, if you want to ensure it doesn't break anything else (only a link in the subnav would be affected at this point) , then just add whatever class is closest to the rss link to your rule. Do you have firebug, so that you can find that class?

[dainiswmichel 0]

i have firebug, but i'm not quite getting the procedure you are asking me to do. "add whatever class is closest to the rss link to your rule" here's me givin' it a shot: http://screencast.com/t/ErMoCrolv BTW, how do you get FireBug to "freeze" on the hovered over css? love how the rss image disappears on hover over LOL

[dainiswmichel 0]

ps: i "thanked" you with the button for a very specific reason. instead of urging me to "get firebug," you asked me if i have it. sometimes people assume stuff, and you didn't. i really appreciate your clear thinking and mean it sincerely.

[Jenny 33]

I have not been able to fix this outside of the code you used. My concern, as is yours, is that it would affect other things as well. The alternative is to hide the image completely. I don't know if they have support for this on the buddypress page (they should as it's a common eyesore) but you can try visiting them at http://buddypress.org/support/topics/. To get FireBug to "freeze" on hover, do this: In the section that shows you the CSS, the tab label is "Style". There is an arrow on this when you hover. Just click the arrow and select "hover". Keep in mind that as soon as you inspect another element, the hover selection goes away. Hope that helps!