Jump to content

SOLVED - css border radius


Recommended Posts

Hi all,

 

Been playing around with customizing my site. Tried the border radius property on my horizontal menu, but it seems to only affect the left side of the menu, not the right.

 

What am I doing wrong? (checkout http://www.sitinuriatistudio.com to see)

 

 

.sf-menu {

margin: 10px 0;

padding:0;

width:980px;/* 980 */

/*background: #383838;*/

background: gray;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px 5px 5px 5px;

}

Edited by closeupman (see edit history)
Link to comment
Share on other sites

Good Morning,

 

I have just looked at your site using chrome and you seem to have everything correct, I have done something similar to you so try this to see if it works

 

 

border-top-left-radius: 15px;

border-bottom-right-radius: 15px;

 

this will not give you what you want but if you get half way then put the other 2 radii in

 

Paul

  • Like 1
Link to comment
Share on other sites

Hi Paul,

 

Thanks for your help.

Actually that wasn't what I had, but I like it better, so I'll use it.

I decided not to round the bottom.

However, I tried to use border-top-right-radius, but it doesn't show up on in my browser

 

here's the code NOW:

 

border-top-left-radius: 15px;

border-top-right-radius: 15px;

 

 

if my website is showing up fine in your browser, then not sure what's happening :P

also, side note: do you know how to get rid of the search in the menu? I added it I believe, but forgot where that option was in the back office...I can't find it now:P (I'm thinking that might be affecting the border on the right)

post-321908-0-42407300-1365447045_thumb.png

Edited by closeupman (see edit history)
Link to comment
Share on other sites

×
×
  • Create New...