Topic: [Resolved] Friends & Messages count style · BuddyPress.org

Skip to:: Content; Pages; Categories; Search; Top; Bottom

[Resolved] Friends & Messages count style

@hellskip

Participant

9 years, 1 month ago

Hello there!

I’m new here and atm, i try understood how works theme style in BP. I want to set the style to Friends & Messages links in profile nav menu. I rewrite some css styles and get nice result. But i want add [] to count part. For examlpe Messages [3], Friends [23].

How i can do this?

Thx for your attention and help!

Viewing 3 replies - 1 through 3 (of 3 total)

@danbp

Participant

9 years, 1 month ago
Hi,

Nav items are displayed as list, using <li> tags.
For example, the HTML of the user’s group count on profile menu looks like:

<li id="groups-personal-li"><a id="user-groups" href="http://../../../groups/">Groups <span class="count">2</span></a></li>

To style the counter with brackets, you can use before and after selectors, like this:
```
#user-groups span::before {
   content: "["; 
}
#user-groups span::after {
   content: "]"; 
}
```
Css reference.
@hellskip

Participant

9 years, 1 month ago

Thank you very much, it works and help alot!
@danbp

Participant

9 years, 1 month ago
@hellskip, Ho ho ho ho !
```
   ,--.
  ()   \
   /    \
 _/______\_
(__________)
(/  @  @  \)
(`._,()._,')
(    ~~    )
 \        /
  \,,,,,,/
```

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘[Resolved] Friends & Messages count style’ is closed to new replies.