DNN Forums

Ask questions about your website to get help learning DNN and help resolve issues.

How to create bootstrap badges for user messages and notifications user bar in DNN CE?

You are not authorized to post a reply.

Growing Member

    I am trying to figure out how to style the numbers area for the notifications  and messages icons in the user bar.  I see alpha and omega can style the background using CSS but how can I make it show something like a badge for bootstrap.  Possibly a pill or circle that goes around the number so I can make it stand out or dissappear even if I want to.  Also to style the icon possibly so it just changes colors when you have any messages and displays no number is an example as well of something I would like to try to do.

    Any help I thank you in advance!

    You are not authorized to post a reply.

    These Forums are dedicated to the discussion of DNN Platform.

    For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

    1. If you have (suspected) security issues, please DO NOT post them in the forums but instead follow the official DNN security policy
    2. No Advertising. This includes the promotion of commercial and non-commercial products or services which are not directly related to DNN.
    3. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
    4. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
    5. No Flaming or Trolling.
    6. No Profanity, Racism, or Prejudice.
    7. Site Moderators have the final word on approving / removing a thread or post or comment.
    8. English language posting only, please.

    Would you like to help us?

    Awesome! Simply post in the forums using the link below and we'll get you started.

    Get Involved