XF 1.4 Badges Block in profile page

[Brad P]

afternoon,

can anyone help me please, i am trying to get a background and boarder for the Badges block on the profile page, so it matches all the other blocks like the follow block.

picture below and link here http://www.s0rethumbs.com/members/31it3inv4si0n.331/

 

[Gemma]

Try adding this to your EXTRA.css

.profilePage .mast .badgeBlocks .primaryContent.avatarHeap {
    border-width: medium 1px 1px;
    border-style: none solid solid;
    border-color: -moz-use-text-color #1B1B1B #1B1B1B;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
}

 

[Brad P]

Try adding this to your EXTRA.css

.profilePage .mast .badgeBlocks .primaryContent.avatarHeap {
    border-width: medium 1px 1px;
    border-style: none solid solid;
    border-color: -moz-use-text-color #1B1B1B #1B1B1B;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
}

worked, thank you Gemma

 

[Gemma]

Change it to this and it will add the block background colour too.

.profilePage .mast .badgeBlocks .primaryContent.avatarHeap {
    border-width: medium 1px 1px;
    border-style: none solid solid;
    border-color: -moz-use-text-color #1B1B1B #1B1B1B;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none !important;
    background: #2D2D2D none repeat scroll 0% 0%;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

 

[Brad P]

even better