Interests Notification Center Plugin -bubble issue

[frootloop]

Forum URL: thewoodsforum.boards.net/


I just installed the Interests Notification Center Plugin but the notification bubble is half hidden. How do I adjust the bubble height? (don't speak too much geek  )

[frootloop]

UPDATE:

I played around with the placement of the bubble notification BUT it had to be set to 30px to get it unburied and now it is so far away from the Interest tab that they don't appear to go together.

Also: I have it set for Proboards Style Bubble and it isn't round like the rest of them??

[Scott]

frootloop -

The reason the bubble didn't round like the others is because the others have been modified. The bubble that's showing for Interests is the default PB bubble.


Give this a try:

1. Go to Admin > Themes > Advanced Styles & CSS, Style Sheet tab.
2. Make sure the correct theme is selected.
3. Scroll to the bottom of the CSS Style Sheet and on a new line add this:

#notification_count_pb{
   padding: 4px 6px 4px 6px!important;
   background-color: #ffffff!important;
   border-radius: 20px 20px 20px 20px!important;
   -moz-border-radius: 20px 20px 20px 20px!important;
   -webkit-border-radius: 20px 20px 20px 20px!important;
   font: normal bold 0.8em 'Trebuchet MS', Verdana, Arial!important;
   line-height: .8em!important;
   text-shadow: none!important;
   box-shadow: 0px 0px 2px #333333!important;
   -moz-box-shadow: 0px 0px 2px #333333!important;
   -webkit-box-shadow: 0px 0px 2px #333333!important;
   height: 0.8em!important;
   color: #110a0a!important;
   margin-top:8px!important;
   margin-left:60px!important;
   z-index:100
}

[frootloop]

Mar 20, 2024 7:30:23 GMT -8 Scott said:

frootloop -

The reason the bubble didn't round like the others is because the others have been modified. The bubble that's showing for Interests is the default PB bubble.


Give this a try:

1. Go to Admin > Themes > Advanced Styles & CSS, Style Sheet tab.
2. Make sure the correct theme is selected.
3. Scroll to the bottom of the CSS Style Sheet and on a new line add this:

#notification_count_pb{
   padding: 4px 6px 4px 6px!important;
   background-color: #ffffff!important;
   border-radius: 20px 20px 20px 20px!important;
   -moz-border-radius: 20px 20px 20px 20px!important;
   -webkit-border-radius: 20px 20px 20px 20px!important;
   font: normal bold 0.8em 'Trebuchet MS', Verdana, Arial!important;
   line-height: .8em!important;
   text-shadow: none!important;
   box-shadow: 0px 0px 2px #333333!important;
   -moz-box-shadow: 0px 0px 2px #333333!important;
   -webkit-box-shadow: 0px 0px 2px #333333!important;
   height: 0.8em!important;
   color: #110a0a!important;
   margin-top:8px!important;
   margin-left:60px!important;
   z-index:100
}

Works perfect!

Thank you so much

[Scott]

frootloop - glad to hear. Thanks for letting me know!