• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Sub-Navigation Curve?

DRE

Well-known member
#1
How do I apply a radius to the bottom border of this black sub navigation menu so that it can curve upwards?

Screen Shot 2013-05-31 at 11.52.08 AM.png
 

Shelley

Well-known member
#2
I'm sure you can do this via SP but in extra you could also add the following

Code:
.navTabs .navTab.selected .tabLinks {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
 

DRE

Well-known member
#3
I'm sure you can do this via SP but in extra you could also add the following

Code:
.navTabs .navTab.selected .tabLinks {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
Thanks and I did do that in Style Properties, I'm not referring to the top of the subnavigation menu but the bottom. Trying to curve the bottom part.
 

Shelley

Well-known member
#4
Thanks and I did do that in Style Properties, I'm not referring to the top of the subnavigation menu but the bottom. Trying to curve the bottom part.
I'm applying a facepalm on myself. I meant to type bottom but firebug auto filled the damn thing and I lost focus. :p
 

Shelley

Well-known member
#6
This worked! Where is the option to do that in Style Properties?
I just checked and it doesn't seem to be there or working. I first thought it might work on Style Properties >> Header & Navigation >> Selected Tab Sub Link but I was mistaken. I think you'll just have to keep the edit in EXTRA.