Replies to This Discussion

Permalink Reply by JenSocial on December 5, 2010 at 12:01pm

Carsten,

Apparently you got this fixed, is that right? Or, am I not looking in the right place? When I look under any main menu tab like photos, I'm not seeing rounded corners. I'm testing in FF, where they will work.

Best to you,

Jen

 

What I see:

Permalink Reply by TasteAndShare on December 5, 2010 at 12:08pm

Jen,

 

I removed thr rounded corners on my NW (for now) as the subtabs are also rounded.

 

I'm using codes like the one below for the tabs:

 

#xg_navigation ul li.this a, ul.page_tabs li.this {

-moz-border-radius-topleft:8px !important;

-moz-border-radius-topright:8px !important;

-webkit-border-top-left-radius:8px !important;

-webkit-border-top-right-radius:8px !important;

}

 

Do I need to add something like " #xg_navigation ul div.xg_subtab..."?

 

Thanks for your help.

 

Carsten

Permalink Reply by JenSocial on December 6, 2010 at 12:35am

Give this a go:

/* Add radius to all tabs, including this and hover. */
#xg_navigation ul li, #xg_navigation ul li:hover a, #xg_navigation ul li.this a {
-moz-border-radius-topleft:8px!important;
-moz-border-radius-topright:8px!important;
-webkit-border-top-left-radius:8px!important;
-webkit-border-top-right-radius:8px!important;}

/* Remove radius from subtabs */
#xg_navigation ul div.xg_subtab ul li a {-moz-border-radius:0 0 0 0 !important;-webkit-border-radius:0 0 0 0!important;}

 

Best,

Jen

Permalink Reply by TasteAndShare on December 6, 2010 at 3:03am

That's brilliant! It works fine thank you very much.

Here is the result: TasteAndShare

Regards,

Carsten

 

 

Permalink Reply by JenSocial on December 6, 2010 at 10:46pm

Carson,

I forgot to include the code to remove radius from subtabs in Chrome. See change in green above. I will let you reclose the discussion, so I know you got update.

I added this as a "Sweet Little Tip" in our group for Jen's Premium Ning Tips, and realized I left that out.

Best,

Jen