Remove round border

For support and discussion related to templates, themes, and imagesets in phpBB 3.1.
Scam Warning
Post Reply
abcd2014
Registered User
Posts: 74
Joined: Sun Feb 18, 2018 12:26 pm

Remove round border

Post by abcd2014 » Fri Mar 02, 2018 8:06 am

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

.
Last edited by Mick on Fri Mar 02, 2018 10:04 am, edited 1 time in total.
Reason: Moved from support.

User avatar
Mick
Support Team Member
Support Team Member
Posts: 19073
Joined: Fri Aug 29, 2008 9:49 am
Location: Cardiff

Re: Remove round border

Post by Mick » Fri Mar 02, 2018 10:03 am

"The more connected we get the more alone we become" - Kyle Broflovski

There are no ‘threads’ in phpBB, they are topics.
Forza Garibaldi

User avatar
Christian 2.0
Former Team Member
Posts: 4442
Joined: Wed Nov 04, 2009 11:16 pm
Location: UK
Name: Christian
Contact:

Re: Remove round border

Post by Christian 2.0 » Fri Mar 02, 2018 2:22 pm

Hello :)

Can I ask which you're using?

Thanks!
🚀 Premium phpBB Styles
Premium 3.2 Styles: Modern phpBB Style, NEW - Volare Material phpBB Style
Premium 3.2 Extensions: phpBB sidebar Extension
Custom work available on request

User avatar
Sniper_E
Registered User
Posts: 710
Joined: Wed May 09, 2007 12:18 am
Location: Shreveport, Louisiana
Name: Ed Humphrey
Contact:

Re: Remove round border

Post by Sniper_E » Mon Mar 05, 2018 3:23 am

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. :)
Image
No is NEVER an Option and NEVER is the only Option when it comes to Giving Up!
:!: Sniper_E Styles | phpbbmodders :!:

User avatar
Lumpy Burgertushie
Registered User
Posts: 64223
Joined: Mon May 02, 2005 3:11 am
Contact:

Re: Remove round border

Post by Lumpy Burgertushie » Mon Mar 05, 2018 6:43 am

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
I am available for custom work on a donation basis. Please send me a PM with your needs.

Premium phpBB 3.2 Styles by PlanetStyles.net

Post Reply

Return to “[3.1.x] Styles Support & Discussion”

Who is online

Users browsing this forum: No registered users and 4 guests