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

Change the style properties of profile heading etc.

Discussion in 'Styling and Customization Questions' started by Biirds, Jan 14, 2012.

  1. Biirds

    Biirds Member

    Hi!

    I would be very greatful for any help I could get with this:

    1. Change color of both the small box and the number next to "Following"/"Followers" on a members profile. Attached image (1).

    2. Change the text color of "post new thread". Attached image (2)

    3. Change color of the text beneath the forums. Attached image (3)

    4. Change color of the text next to the avatar when logged in and browsing the site. Attached image (4)

    5. Change color of the text on a members profile page. Attached image (5)

    6. And how do you change the background color on a members profile page. Attached image (6)

    Thanks for the help :)
     

    Attached Files:

    • 1.png
      1.png
      File size:
      3.7 KB
      Views:
      13
    • 2.jpg
      2.jpg
      File size:
      12.1 KB
      Views:
      12
    • 3.jpg
      3.jpg
      File size:
      11.9 KB
      Views:
      12
    • 4.jpg
      4.jpg
      File size:
      4.5 KB
      Views:
      12
    • 5.jpg
      5.jpg
      File size:
      18 KB
      Views:
      14
    • 6.jpg
      6.jpg
      File size:
      25.4 KB
      Views:
      13
  2. Brogan

    Brogan XenForo Moderator Staff Member

    1. Add to EXTRA.css
    Code:
    .textWithCount.subHeading .count {
    color: @textCtrlText !important;
    }
    2. Style Properties: Buttons -> Call-to-Action Button Inner -> Text: Color

    3. Add to EXTRA.css
    Code:
    .pairs dt, .pairsInline dt, .pairsRows dt, .pairsColumns dt, .pairsJustified dt {
    color: orange;
    }
    4. Covered in 3.

    5. Covered in 3.

    6. Add to EXTRA.css
    Code:
    .profilePage .primaryUserBlock .primaryContent,
    .profilePage .primaryUserBlock .secondaryContent {
    background-color: orange;
    }
     
    Biirds likes this.
  3. Biirds

    Biirds Member

    Thanks Brogan! How come I have to change it in EXTRA.css and not in Style Properties? Is this something that will be changed in future updates of Xenforo. It's fine with me to change it in EXTRA.css, but just curious =)
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    Not everything is currently exposed in Style Properties.

    Over time I expect more elements will be added.
     
  5. Biirds

    Biirds Member

    Thanks Brogan! Have another question.. how do I change the color of the pop-up window that appears when you click on a member and the close-button on that pop-up. Attached a image on this post that show which pop-up I mean.
     

    Attached Files:

  6. Brogan

    Brogan XenForo Moderator Staff Member

Share This Page