Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #11862


    I have added to my custom.css

    .boxed #wrap_all {

    border-color: #A0918A;

    border-radius: 14px 14px 14px 14px;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);

    margin: 30px auto;

    border-color: #AAAAAA #AAAAAA -moz-use-text-color;

    border-style: solid solid none;

    border-width: 1px 1px medium;


    to achieve with my boxed layout rounded corners. But this CSS have no effect at all and I don’t understand why. The shadows work, but the rounded corners not:

    I’m not so familiar with CSS, but it seems that it its a matter of z-index, the “header” and its container prevent the “#wrap_all” container from being visible with its round corners.

    Any ideas?




    Kindly post a link to your site. Thank you. :)




    thanks, may I send you login data, because my site is still in maintenance mode and not ready for public? Where do I sent them?


    I opened my site for today, although it is not yet ready:


    is the CORONA forum still alive? Sorry, but I bump this again, it’s already 5 days old …



    It’s quite tricky to add rounded corners to corona – you need to use following code:

    .submenu, #header{
    border-radius: 11px 11px 0 0;

    .boxed #wrap_all{
    border-radius: 11px;

    #socket {
    border-radius: 0 0 11px 11px;



Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Round corners for boxed layout: CSS don't work’ is closed to new replies.