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

    Hi,

    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:

    http://i46.tinypic.com/35ioepk.jpg

    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?

    Thanks.

    #73389

    Hi,

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

    Regards,

    Ismael

    #73390

    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?

    #73391

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

    http://tinyurl.com/7vtuj3j

    #73392

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

    #73393

    Hey!

    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;
    }

    Regards,

    Peter

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.