ThePixelMe

BuddyPress - BuddyVerified - custom css for badges

Mar 3rd, 2016
204
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.22 KB | None | 0 0
  1. /* ==========================================================================
  2.    Verified Badge
  3.    ========================================================================== */
  4.  
  5. /* Badge - Big username - bp_get_displayed_user_mentionname
  6.    ========================================================================== */
  7.  
  8. #item-header-content {
  9.     position: relative;
  10. }
  11.  
  12. #buddypress span#bp-verified-header {
  13.     top: 0;
  14.     right: 0;
  15.     left: auto;
  16. }
  17.  
  18. #buddypress div#item-header-cover-image h2 {
  19.     padding-right: 30px;
  20. }
  21.  
  22.  
  23. /* Badge - Activities - bp_get_activity_action_pre_meta
  24.    ========================================================================== */
  25.  
  26. .activity-header > p > a:first-child {
  27.    float: left;
  28.    margin-right: 5px;
  29. }
  30.  
  31. .activity-header > p > span > img {
  32.    float: left;
  33.    margin-right: 5px;
  34. }
  35.  
  36. /* Badge - Member - bp_get_member_name
  37.    ========================================================================== */
  38.  
  39. .item-title a {
  40.     position: relative;
  41.     display: inline-block;
  42.     padding-right: 25px;
  43. }
  44.  
  45. .item-title span#bp-verified {
  46.     position: absolute;
  47.     top: 0 !important;
  48.     right: 0 !important;
  49.     bottom: auto !important;
  50.     left: auto !important;
  51. }
Advertisement
Add Comment
Please, Sign In to add comment