• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Making Sidebar Blocks And Main Content Blocks Square

#1
I've been trying to make my main content block and sidebar blocks square, but the borders either don't make corners and disappear, or the corner isn't filled up. I can't find how to change the radius at the bottom of the sidebar blocks either, this is what it looks like:
Capture.PNG
Help would be appreciated.
~Thanks.
 

Shelley

Well-known member
#2
Haven't tested this but have you tried this in extra.css template

Code:
.sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3 {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
 
#3
Haven't tested this but have you tried this in extra.css template

Code:
.sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3 {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
That made them round, I need them to be square.
 

Russ

Well-known member
#9
Have a link to a board or could you PC me the link, it'd be easy to debug it then. Its problably the secondary box that have the radius on them cutting the corners off.
 
#12
Code:
.sidebar .primaryContent, .sidebar .secondaryContent {
border-radius: 0px !important;
}
Thank you, I have an absolutely horrible eye for finding what I need to change...
Would you know how to make the page square when looking at the list of threads in a forum as well?
Capture.PNG
 

Russ

Well-known member
#13
.sectionMain

Also do you use chrome or firefox? Chrome has a built in editor to find this stuff quick, and firefox I use FireBug to find it :)
 
#14
.sectionMain

Also do you use chrome or firefox? Chrome has a built in editor to find this stuff quick, and firefox I use FireBug to find it :)
Thanks. I'm using chrome, but I really don't know where to look, the CSS on the page confuses me quite a bit, and I don't understand how it matches up some of the time.
EDIT: Err, what exactly do I put in extra.css to change the .sectionMain bit to square? I tried
Code:
.sectionMain {
border-radius: 0px !important;
}
But nothing changed.