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

XF 1.5 Member Card Label Title Text

Discussion in 'Styling and Customization Questions' started by Amaury, Aug 8, 2016.

  1. Amaury

    Amaury Well-Known Member

    I'm trying to emphasize the separation between the user was last seen and the activity and between the activity and the date/time of the activity. In the default style, the label title text is darker than the label description text; obviously, I could simply change the body text color, but that would change a lot of other things, which I don't want.

    What CSS do I need to only target the "User was last seen" and the date/time of whatever.

    Default:

    Card 1.PNG

    KH-Flare:

    Card 2.PNG

    I previously had it mostly separated by using custom CSS to make the links, like the number of messages or a location, such as a forum, being viewed the same color as all other links. However, I wanted to try something different by having separators even for the label descriptions that are just plain text.

    Thanks!
     
  2. Chris D

    Chris D XenForo Developer Staff Member

    Code:
    .lastActivity dt
    That should target the X was last seen bit.

    Code:
    .lastActivity dd .muted
    That should target the date.
     
    Amaury likes this.
  3. Amaury

    Amaury Well-Known Member

    Thanks, Chris! It even got it on profiles, which I didn't even think about, but it works out great all the same.

    Card 3.PNG Card 4.PNG

    How about the other label titles, such as Joined, Messages, and so on? (Sorry, that was my bad. I was asking about those, too, but for some reason only asked about CSS for the above. :whistle:)
     
  4. Chris D

    Chris D XenForo Developer Staff Member

    Code:
    .userStats dt
     
    Amaury likes this.
  5. Amaury

    Amaury Well-Known Member

    You're the man, Chris! I even re-added the other CSS I had for a combination to still make it clear those numbers or the location in activities are links:

    Card 5.PNG
     

Share This Page