Evil Genius shows you how to add rounded corners to your Ning site using CSS.

Works in Mozilla and Safari Browsers, and degrades gracefully to square corners for Internet Explorer

(IE Does not Support Rounded Corners using CSS, so this modification will continue to display square corners in IE6, IE7, and IE8)

Copy the following CSS as instructed in the Video:

.xg_module_head {
-moz-border-radius-bottomleft:4px !important;
-moz-border-radius-bottomright:4px !important;
-moz-border-radius-topleft:4px !important;
-moz-border-radius-topright:4px !important;
-webkit-border-bottom-left-radius:4px !important;
-webkit-border-bottom-right-radius:4px !important;
-webkit-border-top-left-radius:4px !important;
-webkit-border-top-right-radius:4px !important;
border: 1px solid #000;
padding: 5px;
}

#xg_navigation ul li.this a, ul.page_tabs li.this {
-moz-border-radius-topleft:4px !important;
-moz-border-radius-topright:4px !important;
-webkit-border-top-left-radius:4px !important;
-webkit-border-top-right-radius:4px !important;
}

# vimeo.com/5454325 Uploaded 495 Plays / / 0 Comments Watch in Couch Mode

Follow

Ning Instructional Videos

LabSecrets

Shout Box

Browse This Channel

Channels are a simple, beautiful way to showcase and watch videos. Browse more Channels. Channels