1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.4 Badges Block in profile page

Discussion in 'Styling and Customization Questions' started by Brad P, Sep 12, 2015.

  1. Brad P

    Brad P Active Member

    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/
     

    Attached Files:

  2. Gemma

    Gemma Well-Known Member

    Try adding this to your EXTRA.css

    Code:
    .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 likes this.
  3. Brad P

    Brad P Active Member

    worked, thank you Gemma
     
  4. Gemma

    Gemma Well-Known Member

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

    Code:
    .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 likes this.
  5. Brad P

    Brad P Active Member

    even better :)
     

Share This Page