Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support
Hi,
I know how to make rounded tabs with -
#xg_navigation ul li.this a, ul.page_tabs li.this {
-moz-border-radius-topleft:8px ........
but the subtabs are also rounded. Does anyone know how to keep corners in the subtabs?
I want to get rid of the rounded corners in the subtabs.
Thanks for your help?
Carsten @ TasteAndShare
Tags:
Replies are closed for this discussion.
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
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
That's brilliant! It works fine thank you very much.
Here is the result: TasteAndShare
Regards,
Carsten
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
Welcome to
JenSocial: Social Web Directory and Ning Tips
Posted by JenSocial on May 7, 2018 at 8:35pm 8 Comments 1 Favorite
Posted by JenSocial on January 6, 2017 at 4:00pm 10 Comments 1 Favorite
Posted by JenSocial on October 22, 2016 at 1:05am 0 Comments 0 Favorites
Posted by JenSocial on September 17, 2016 at 12:00am 26 Comments 1 Favorite
Posted by JenSocial on August 31, 2016 at 3:30pm 13 Comments 0 Favorites
Ning 3.0 Tip - Add Buttons/Links Below Status Update (Quick Links to Add Photos, Posts, Discussions)
Started by Predestined by God Feb 1, 2015. 0 Replies 0 Favorites
Started by IDC. Last reply by JenSocial Oct 27, 2012. 1 Reply 1 Favorite
Started by Dr. Husky. Last reply by Dr. Husky Aug 18, 2012. 5 Replies 1 Favorite
© 2024 Created by JenSocial. Powered by
© Copyright JenSocial.