How do I give this edge round corners?

Hello,

I am currently making all corners of my forum round. Now, this message is posted in a light blue box, which I think you can see. What is the CSS-name of this box?

Currently, I am writing stuff like:

Code:

.headerbar {
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
}

... To change the corners. I just need to know the name of this box, and replace ".headerbar" with it.

Thanks.

All togehter, with your avatar (for phpBB3)?

Code:

.row1 {

or

Code:

.row2 {

as you wish.

The part with the post only

Code:

.postbody {

Worked, but there is a problem. I will get back to it after this question has been answered:

Check my forum: http://crimson-butterfly.forumotion.com/

What is the name of the box that says "Username" and "Password"?

Would like to give it round corners.

This default? Please enter username etc....
Login:
Password:

If you meant that, it is =>

Code:

.panel {

You will have little problems 'cause they are not just boxes, they all have 5-6 parts.

The ".postbody" didn't change the message box at all.

The ".row1" and ".row2" did, but it also changed the boxes in the "thread list", which looks really bad. Any solution, out there?

Find =>

Code:

.post {

Add this.

Code:

    -moz-border-radius: 20px 20px 20px 20px;

Change the numbers as you want.

Awesome.

Also, any possibilities of adding round corners to the search box in the navigation bar? Maybe it has a CSS-name, too?

Awesome !

Cool-Guy wrote:Awesome.

Also, any possibilities of adding round corners to the search box in the navigation bar? Maybe it has a CSS-name, too?

Add this to your CSS =>

Code:

.overview {
    -moz-border-radius: 10px 10px 10px 10px;
}
.title-overview {
    -moz-border-radius: 10px 10px 10px 10px;
}

Thanks. It worked.

I will now mark this thread as "solved".

Solved => Locked