How can I make the menu bar on my site have rounded corners

mattyp · Joined: 14 Jun 2009 Posts: 12

How can I make the menu bar on my site have rounded corners and more dimension? Also the box on the right hand side?

www.ramsocialmedia.com

thanks,
Matt[/url]

nikki · Joined: 24 Nov 2008 Posts: 132

add css to the first <li> tag i.e About us

li.first{
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}

add the following ccs for the last <li> tag i.e, Blog

li.last{
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}

sticks464 · Joined: 31 Dec 2006 Posts: 2311

Give this round corner generator a try

mattyp · Joined: 14 Jun 2009 Posts: 12

I tried the round corner generator but am unsure where to copy/paste into the CSS for #menu . . .

can u give me some direction.

what do I need to add to the html?

sticks464 · Joined: 31 Dec 2006 Posts: 2311

Due to the fact your using blog software and the sidebar h2 is inside a ul the div with images will not work for you. But this will

mattyp · Joined: 14 Jun 2009 Posts: 12

The Menu with rounded corners Worked! but the sidebar did not Sad

}
#sidebar h2 {
padding: 4px 20px;
background: #699C4D;
font-size: 1.2em;
color: #FFFFFF;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

Anything else we can do to make it work?

Thanks,
Matt

sticks464 · Joined: 31 Dec 2006 Posts: 2311

You may have to use a more relative path. Try adding this style rule

mattyp · Joined: 14 Jun 2009 Posts: 12

Thanks!