phpBB • Free and Open Source Forum Software

If you want to change the logo, the top-bar icons, or post-styles, you can find what you need in: styles/pbtech/theme/custom.css

Here you will find some styling rules that you can play around with. Most of it is pretty easy, except perhaps the FontAwesome icons.

FontAwesome icons are defined by using their unicode values, like \f004. You can add your own rules for your own icons, or change the existing codes. The quickest way to find the unicodes you need is to use the FontAwesome cheatsheet. You need to copy the last 4 characters of the code string after the icon you want, and prefix it with a \. So "home" is \f015.

You can use this method to add icons to just about every element. A commonly used example is for the phpBB Pages extension, when you want to assign icons to your page links (in the header/footer/etc). Add the following code to your custom.css file:



Change the xxx to the "route" of your custom page

Thanks and congrats for the great template.
A question: I see that, thru styles/pbtech/theme/custom.css it's possible to change the logo, I suppose of any dimension ( thus I don't know which is the max size ).
Btw, may I change the black part of the banner all around the logo?

Kind Regards
BB

Sorry, I have a second question: May I change the "grey" part ( I intend what is behind the categories ) of the template with a fullscreen background image?

Thanks, so far. But where is the location that allows me to change their colors?

Looks great! Trying now!

Awesome Style! Love how it works, I especially love the Font Awesome Cheatsheet you supplied. I hope this style gets updated with the next phpbb release 3.2 and continues onward.

Now we need to figure out how to incorporate blocks on columns that can be added to the Pages extension with this style. -- hint hint

PayBas wrote:

Code: Select all

.small-icon.icon-page-xxx > a:before { content: '\f0ac'; }

Change the xxx to the "route" of your custom page

How do you add this to pages that show up on the header menu (not top). I'd like to have a different icon per page. Is this possible?