Page 1 of 1

Remove round border

Posted: Fri Mar 02, 2018 8:06 am
by abcd2014
Items (i.e. header, nav_bar) of phpbb are always with round border, which looks nice.

However, I want a little difference:
How to adjust border's radius, or just change (remove) it to square?

Thanks

.

Re: Remove round border

Posted: Fri Mar 02, 2018 10:03 am
by Mick

Re: Remove round border

Posted: Fri Mar 02, 2018 2:22 pm
by Christian 2.0
Hello :)

Can I ask which you're using?

Thanks!

Re: Remove round border

Posted: Mon Mar 05, 2018 3:23 am
by Sniper_E
Your border-radius are set in the common.css file.

Code: Select all

.headerbar {
	margin-bottom: 4px;
	padding: 5px;
	border-radius: 7px;
}
All of them.

Borders are set in order of top-left, top-right, bottom-right and bottom-left.
border-radius: 7px; is the same as border-radius: 7px 7p 7px 7px; each point out a corner.

border-radius: 0 0 7px 7px; will be square on both top corners and round on both bottom corners.
border-radius: 7px 7px 0 0; will be round on both top corners and square on both bottom corners.
border-radius: 0 7px 0 7px; can you picture this one? Top-left and bottom-right square, top-right and bottom-left round.
You can make both left corners round and both right corners square if you want.

Have fun with that. :)

Re: Remove round border

Posted: Mon Mar 05, 2018 6:43 am
by Lumpy Burgertushie
or, if you want to remove all of the rounded corners for the whole style you can add this to the top of common.css:

Code: Select all

* {
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
}
robert