Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

can't set rounded borders on tooltip menu

can't set rounded borders on tooltip menu

Problem

I am working with a menu tutorial found here and everything works fine except i would like border corners. I've tried setting them everywhere possible but nothing works. any ideas on where it should work?

I've tried:

.cbp-tm-show .cbp-tm-submenu{
   border-radius: 5px;
}

also:

.cbp-tm-show-below .cbp-tm-submenu{ border-radius: 5px; }

every possible place i've tried it and haven't seen any effect.. :(

Problem courtesy of: Andres

Solution

@Andres Try setting a Background Color on the ul element (.cbp-tm-show .cbp-tm-submenu). At the moment the background color is set to transparent (in the demo).

Solution courtesy of: Dean Stalker

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

can't set rounded borders on tooltip menu

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×