Remove shadow from Notifications bubble

[1b5085]

Forum URL: (private)

How to remove the shadow from the Notifications bubble? 

[Scott]

1b5085 -

Adding this to the bottom of your CSS should do the trick:

/*remove tip-holder shadow*/
#navigation-menu div.tip-holder div.tip-number {
    box-shadow: none;
   -webkit-box-shadow:none;
}

[1b5085]

Success. Thanks (again!)

Is there any way to make the notifications bubble round shaped? Scott

[Scott]

1b5085 -

Go to Admin > Themes > Advanced Styles & CSS, Visual Editor tab, then to Forum > Header (Top) > Navigation Bar > Notification Bubbles > Border Radius.

Enter 7px (adjust amount as desired) into the field and from the dropdown select the border option that shows all sides:   

[1b5085]

Yeah, I tried that already but it looks weird: kind of oval shaped with that tip pointing downwards. Would prefer to see a perfect circle (+ maybe a little extra padding if possible). Scott

[Scott]

1b5085 -

Do you care if there's the little pointy arrow at the bottom? Or is something like this ok?

[1b5085]

I like a clean minimalistic layout, no arrows at bottoms.

Now that's not a bad circle, just needs a liiiiittle bit more centering (number upwards). How did you do that? Scott

[Scott]

1b5085 -

Add this to the bottom of your CSS:

/*rounded tip holder - no point*/
#navigation-menu div.tip-holder span.tip {display:none;}
#navigation-menu div.tip-holder div.tip-number {
   padding: 6px 7px 6px 7px;
   border-radius: 50%;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
}

[1b5085]

Fabulous. Love it. Thank you so much for all the help!