Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] Friends & Messages count style


  • hellskip
    Participant

    @hellskip

    7 years, 4 months 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
    Moderator

    @danbp

    7 years, 4 months 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

    @hellskip

    7 years, 4 months ago

    Thank you very much, it works and help alot!


    danbp
    Moderator

    @danbp

    7 years, 4 months 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.

Topic Info

Skip to toolbar