Soften the corners

[NumNum]

Is there a way to ease the corners of the body layout so it isn't so much of a box style?Kinda like the corners on this sites logo. I would be nice to ease the corners of the forum body as well.

[glennrocksvb]

Can you post a screenshot marking exactly which corners you were referring to?

[NumNum]

Sure, it would be the corresponding bottom ones as well, and any others inside the module. The whole forum seems "boxie".

[William]

Edit: please ignore as I see that your menu tab itself has to be border radius-ed.

[William]

#channel-tabbar .channel-tabbar-list li.current a, #channel-tabbar .channel-tabbar-list li.current a:hover, .edit-mode #channel-tabbar .channel-tabbar-list li.current a:hover {
    border-radius: 15px 0px 0px 0px !important;
}
#channel-tabbar {
    border-radius: 15px 15px 0px 0px !important;
}
.search-container .search-box {
    margin-right: 5px;
}  

Here's what it looks like with the above implemented: https://s10.postimg.org/6xo9ma0c9/Thelodge.jpg

Enjoy,
William

[glennrocksvb]

Here's my solution:

.l-desktop #channel-tabbar .channel-tabbar-list li:first-child a {
    border-radius: 8px 0 0 0;
}
.l-desktop #channel-tabbar {
    border-radius: 8px 8px 0 0;
}
.l-desktop #footer {
    background: transparent;    
}
.l-desktop #footer-tabbar {
    border-radius: 0 0 8px 8px;
}

You only need it for desktop that's why all CSS rules are prefixed by .l-desktop class.
For the upper left corner, you only apply the rounded corner in the first menu item (regardless if it's the currently selected or not). Let's say the the currently selected menu item is not the first item (e.g. Blogs), then you don't want to apply rounded corner to it.

[NumNum]

Perfecto!

Thanks guys!

[NumNum]

I thought I had seen somewhere how to cover the white space leftover after the corners were rounded. I can seem to find it. The below shows what I am referring too. Any help would be appreciated.

[glennrocksvb]

Try this:

#footer {
    border-radius: 0 0 5px 5px;
}

Adjust the 5px to whatever border-radius you are using for that brown footer-tabbar.

[NumNum]

Thank you!

A little something coming your way.

I noticed on the initial css code it is included but the name is different, therefore it must have changed with previous versions of vB that is why it didn't work?

All set now, again thanks!