[Resolved] CSS Not Responding To Edits
I am currently working to manually integrate BuddyPress into a theme. At the moment, I am attempting to fix the friendship/liked activity notices, which currently look like this:
For my bbPress integration I simply found the nested classes and IDs and then just told the avatars to `display:inline-block;`, which worked perfectly. However, my BuddyPress edits in general seem not to be cooporating. I took `bp.css` from the BP Template Pack, pasted it at the bottom of my themes `style.css`, deactivated the CSS in the BP Template settings, and went to work. Some edits behaved just as expected (like Private Messages or the list tabs navigation) but others (such as info/error messages and some activity types) are not behaving at all. Just as a test, I tried to enlarge the font size of the activity type in the picture above, and it did not budge (yes, I cleared my cookies and tested in other browsers).
To change the font size I attempted to edit the `font-size` of `.activity-list li.mini`. And to display the avatars inline I am attempting to edit `.activity-list li.mini a img` (and have attempted many variations). I have also tried adding `!important` to the end of the edits, but still had no effect on my CSS.
Is there something I’m doing wrong? Firebug tells me that these are the correct classes, but is something overriding my edits somehow? Should I enable the BP Template CSS and edit the files there (the reason I turned it off is because I did not want my edits to disappear upon plugin update).
Any help would be greatly appreciated here.
You must be logged in to reply to this topic.