Flat Style

How to change Footer aligment and center a logo? - Flat Style

How to change Footer aligment and center a logo?

by gfryer1 » Wed Aug 31, 2022 6:43 pm

Hi,
First, I would like to THANKS the author for the super theme!!! It looks clean, modern, and minimal!

Having a couple of questions:

1. how to center align footer? (on default theme it is centered, but on this theme it is on the right side) using these extensions for footer:
https://www.phpbb.com/customise/db/exte ... scftrscls/
https://www.phpbb.com/customise/db/exte ... _extended/
Image

2. How to center a logo and remove header text?

THANKS! ;)
gfryer1
Registered User
Posts: 13
Joined: Sun Nov 14, 2021 1:36 pm

Re: How to change Footer aligment and center a logo?

by eeji » Fri Sep 02, 2022 5:04 pm

At the bottom of flat.css add the following, then clear your board cache.....

Code: Select all

.copyright {
	text-align: center;
}

.site-description {
	display: none;
}

.headerbar {
	text-align: center;
}

.logo {
	float: none;
}
The logo is hidden on small screens (phones etc) so if you want it to show please also add the following:

Code: Select all

@media (max-width: 700px) {
	.logo {
		display: inline-block;
	}
}
My phpBB styles: phpbbstyles.iansvivarium.com
My "board": iansvivarium.com
(yes, it's running phpBB!)
User avatar
eeji
Registered User
Posts: 1466
Joined: Fri Dec 12, 2008 9:08 pm
Location: Manchester, UK

Re: How to change Footer aligment and center a logo?

by gfryer1 » Sun Mar 12, 2023 5:47 pm

thank you!!! Worked.
gfryer1
Registered User
Posts: 13
Joined: Sun Nov 14, 2021 1:36 pm