Round corners for boxed layout: CSS don't work « Support Forum | Kriesi.at

Round corners for boxed layout: CSS don't work

6 posts from 3 voices

Tags:

colorit2
Member

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.

Posted 1 year ago #
Ismael
Moderator

Hi,

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

Regards,
Ismael

Posted 1 year ago #
colorit2
Member

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?

Posted 1 year ago #
colorit2
Member

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

http://tinyurl.com/7vtuj3j

Posted 1 year ago #
colorit2
Member

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

Posted 1 year ago #

Dude
Dude

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