Haze is a powerful and multi-purpose theme for IPS Community Suite. Geared towards any type of community, Haze is packed full of options that allow you to modify layout, styling, colours and fonts directly from within the theme settings.  Its's also fully compatible with the entire Community Suite as wel as a huge range of 3rd-party applications and plugins.

Key Features

Responsive Mobile Design
Live Customization Options
Resizable Header & Breadcrumbs
Social Media & Navigations Icons
Powered by "Base" Framework
intergrated Color Picker
Google Webfonts API Intergration
Advanced Footer Blocks

Base Framework

Base is underlying framework that power our IPS4 themes. The consistent codebase means awesome new features can be added quickly and easily. Sneakly issues are also easier to diagnose and fix. We dislike seeing the same style of theme on every website just as much as you do, that's why Base is extremely customizable with over 60 configurable settings.

Base Framework Features

Responsive Design : Browse on your mobile, tablet or desktop. Our themes are beautifully responsive.

SEO Optimization : Clean & semantic code ensures search engines crawl your site's most important content.

Bespoke Typography : Direct intergration into Google Webfonts. Just enter the font name and we'll do the rest.

Unique Customizaion : Extends IPS4's theme setting system to offer powerful editing capabilities.

Browser Support : Our themes are tested to work on all modern mobile & desktop browers. (....even IE!)

Ready to Translate : Need one-click translations? Our themes intergrate perfectly with IPS4's localization system.

Supports Only 4.2.x 

4.1.x Only

 

Minor design issue on mobile topic view:

Caused by this rule:

@media only screen and (max-width: 767px) {
	html[dir="ltr"] .cAuthorPane_photo .ipsUserPhoto {
    	margin-left: 20px;
	}
}

Appears that this can be removed without any issues, didn't test other sites yet if it does affect anything.

Greetings

  On 7/24/2017 at 8:20 AM, GriefCode said:

Minor design issue on mobile topic view:

Caused by this rule:

@media only screen and (max-width: 767px) {
	html[dir="ltr"] .cAuthorPane_photo .ipsUserPhoto {
    	margin-left: 20px;
	}
}

Appears that this can be removed without any issues, didn't test other sites yet if it does affect anything.

Greetings

thank you i take look myself also  

Hi,

After IPB update to 4.2.1 version there is a bug in header section (one big white line 40px wide) if you have Navigation layout settings - Float

Hi

I have an older version of this theme and after the the upgraded yesterday the links in the menu such as Activity and store do not work. Is it working in the latest version of this theme? 

  On 7/28/2017 at 5:01 AM, jrlee183@gmail.com said:

Hi

I have an older version of this theme and after the the upgraded yesterday the links in the menu such as Activity and store do not work. Is it working in the latest version of this theme? 

Do you mean you used the 4.1.X theme? If yes, you need to upgrade to 4.2.X, I can assure you it is working there as I'm using it.

  On 7/28/2017 at 5:50 AM, GriefCode said:

Do you mean you used the 4.1.X theme? If yes, you need to upgrade to 4.2.X, I can assure you it is working there as I'm using it.

Thanks @GriefCode for answer the question  my next question will be to @jrlee183@gmail.com i will be send PM on this matter.

Great job Pete! One small question since link to documentation does not work ... How to change text, have a custom one, on social icons?

One theme related bug - old post containing links to other posts is not working.

  On 7/28/2017 at 12:02 AM, Barbados said:

Hi,

After IPB update to 4.2.1 version there is a bug in header section (one big white line 40px wide) if you have Navigation layout settings - Float

You maybe using outdated 4.1.x theme also i will send you PM over this issue.

  On 8/1/2017 at 7:35 AM, IgorPec said:

Great job Pete! One small question since link to documentation does not work ... How to change text, have a custom one, on social icons?

Thank you for the feedback we working on new documentation due to old owner turn off his site i need write new ones but say have custom ones do mean custom plugin or ones you added to theme so help you correctly.

  On 8/1/2017 at 9:08 AM, IgorPec said:

One theme related bug - old post containing links to other posts is not working.

are you talking about this link about if so the arrow works or if click forum upgrade also works so maybe little more info again so i can help.

With pictures should be clear at once - social icons, which are part of the theme.

The problem with posts manifest here, but only in recent version of Haze.

HAZE New 1.0.2, there is nothing, one link or more, no difference.

HAZE old: 1.0.9

  On 8/1/2017 at 4:08 PM, IgorPec said:

With pictures should be clear at once - social icons, which are part of the theme.

The problem with posts manifest here, but only in recent version of Haze.

HAZE New 1.0.2, there is nothing, one link or more, no difference.

HAZE old: 1.0.9

For topic i need look site from admin side a for social links do need change each social icons color to match the brands color ? if so we need add them in css again it item i can do for you or provide you the code.

Really liking this theme, still trying to put the final touches on customizations.  So, a couple of questions.

1)  I think the site overall would be easier to read if the posts were on a white background and quotes and other areas had the greyish off white colour.   I can change the colours to do this but that little triangle graphic next to a post (circled below) stays a greyish colour.   Is there a way to change its colour?

2) I've been playing with using a background image in the Style & Layout tab.  The problem is the background image "bleeds" through on things like Twitter embeds.  In the screenshot below, that stadium to the right of the tweet is actually the background image of the website.  That should really be white space behind the tweet.

 

  On 8/1/2017 at 5:15 PM, Pete T said:

For topic i need look site from admin side a for social links do need change each social icons color to match the brands color ? if so we need add them in css again it item i can do for you or provide you the code.

Broken Iframe example.
https://forum.armbian.com/index.php?/topic/1748-sbc-consumptionperformance-comparisons/&do=embed

This is in the logs:

ads/template_5_ad9ae6e9ced8695954ac11f917afdfac_global.php on line 214" while reading response header from upstream, client: 172.16.100.1, server: forum.armbian.com, request: "GET /index.php?/topic/1748-sbc-consumptionperformance-comparisons/&do=embed HTTP/1.1", upstream: "fastcgi://unix:/var/lib/php5-fpm/web6.sock:", host: "forum.armbian.com"
2017/08/02 07:44:35 [error] 21312#0: *28668064 FastCGI sent in stderr: "PHP message: PHP Fatal error:  Call to undefined method IPS\Http\Url\Friendly::url() in /var/www/clients/client0/web6/web/uploads/template_5_ad9ae6e9ced8695954ac11f917afdfac_global.php on line 214" while reading response header from upstream, client: 172.16.100.1, server: forum.armbian.com, request: "GET /index.php?/topic/1748-sbc-consumptionperformance-comparisons/&do=embed HTTP/1.1", upstream: "fastcgi://unix:/var/lib/php5-fpm/web6.sock:", host: "forum.armbian.com"

Icons are o.k. as they are - I only wanted to change hover text, from "Github-alt" to "Build script" or similar. But this part is not critical.

  On 8/2/2017 at 5:49 AM, IgorPec said:

Broken Iframe example.
https://forum.armbian.com/index.php?/topic/1748-sbc-consumptionperformance-comparisons/&do=embed

This is in the logs:

ads/template_5_ad9ae6e9ced8695954ac11f917afdfac_global.php on line 214" while reading response header from upstream, client: 172.16.100.1, server: forum.armbian.com, request: "GET /index.php?/topic/1748-sbc-consumptionperformance-comparisons/&do=embed HTTP/1.1", upstream: "fastcgi://unix:/var/lib/php5-fpm/web6.sock:", host: "forum.armbian.com"
2017/08/02 07:44:35 [error] 21312#0: *28668064 FastCGI sent in stderr: "PHP message: PHP Fatal error:  Call to undefined method IPS\Http\Url\Friendly::url() in /var/www/clients/client0/web6/web/uploads/template_5_ad9ae6e9ced8695954ac11f917afdfac_global.php on line 214" while reading response header from upstream, client: 172.16.100.1, server: forum.armbian.com, request: "GET /index.php?/topic/1748-sbc-consumptionperformance-comparisons/&do=embed HTTP/1.1", upstream: "fastcgi://unix:/var/lib/php5-fpm/web6.sock:", host: "forum.armbian.com"

Icons are o.k. as they are - I only wanted to change hover text, from "Github-alt" to "Build script" or similar. But this part is not critical.

hover text would be in the language files or could be from fontawesome and really no idea why having post issue if can't look admin cp then can't help.

  On 8/2/2017 at 10:01 AM, Pete T said:

if can't look admin cp then can't help.

You need admin access? Send me your username on forum.

  On 8/1/2017 at 11:58 PM, MorningBigBlue said:

Really liking this theme, still trying to put the final touches on customizations.  So, a couple of questions.

1)  I think the site overall would be easier to read if the posts were on a white background and quotes and other areas had the greyish off white colour.   I can change the colours to do this but that little triangle graphic next to a post (circled below) stays a greyish colour.   Is there a way to change its colour?

2) I've been playing with using a background image in the Style & Layout tab.  The problem is the background image "bleeds" through on things like Twitter embeds.  In the screenshot below, that stadium to the right of the tweet is actually the background image of the website.  That should really be white space behind the tweet.

 

can send me PM and take a look.

 

  On 8/2/2017 at 5:49 AM, IgorPec said:

Broken Iframe example.
https://forum.armbian.com/index.php?/topic/1748-sbc-consumptionperformance-comparisons/&do=embed

This is in the logs:

ads/template_5_ad9ae6e9ced8695954ac11f917afdfac_global.php on line 214" while reading response header from upstream, client: 172.16.100.1, server: forum.armbian.com, request: "GET /index.php?/topic/1748-sbc-consumptionperformance-comparisons/&do=embed HTTP/1.1", upstream: "fastcgi://unix:/var/lib/php5-fpm/web6.sock:", host: "forum.armbian.com"
2017/08/02 07:44:35 [error] 21312#0: *28668064 FastCGI sent in stderr: "PHP message: PHP Fatal error:  Call to undefined method IPS\Http\Url\Friendly::url() in /var/www/clients/client0/web6/web/uploads/template_5_ad9ae6e9ced8695954ac11f917afdfac_global.php on line 214" while reading response header from upstream, client: 172.16.100.1, server: forum.armbian.com, request: "GET /index.php?/topic/1748-sbc-consumptionperformance-comparisons/&do=embed HTTP/1.1", upstream: "fastcgi://unix:/var/lib/php5-fpm/web6.sock:", host: "forum.armbian.com"

Icons are o.k. as they are - I only wanted to change hover text, from "Github-alt" to "Build script" or similar. But this part is not critical.

Any idea what causes that problem? I'm facing the same error.

  On 8/9/2017 at 9:21 AM, Ywat said:

Any idea what causes that problem? I'm facing the same error.

yeah i fixed it and update will done shortly i missed small amount code in template once added fixes issue if send me PM details i can do manual fix for now  

Another small issue. When using @Pete T The name is not colored. 

  On 8/9/2017 at 6:48 PM, IgorPec said:

Another small issue. When using @Pete T The name is not colored. 

can show me in PM  so take look 

Can confirm that mentioning indeed doesn't work. The tag appears at first, but once all page resources are loaded the mention-tag is removed all together (so an username is not clickable either).

Any ETA on the update? @Pete T

  On 8/16/2017 at 9:32 AM, Ywat said:

Can confirm that mentioning indeed doesn't work. The tag appears at first, but once all page resources are loaded the mention-tag is removed all together (so an username is not clickable either).

Any ETA on the update? @Pete T

i sent you Pm as working for me but sent the last update have my dev site i believe updated here but going check again.

I made an update to last version today. An interesting finding regarding mentioning. When adding a post it does not work but if you edit and save then it works.There is also too big vspace around logo.

@Pete T Any progress on the theme? I want to fix at least this annoying logo standout/surrounding box problem. I already searched for this, but am totally lost.

This is when "1" is added in front of logo section. It's a 110px block which I can't find where and how it is defined.

This is actual logo: