Ehren

Haha thanks, I've actually been lurking around here for almost 2 years now as a staff member! 🙂
Yeah, this is just for the Invision site for the moment. Version 4.5 included a pretty significant redesign, so I imagine we'll stick with that for a while before doing another revamp. When that time comes, if this new design is still appealing to our visitors, I'm sure we'll use it as inspiration for a new default theme.

Haha thanks, I've actually been lurking around here for almost 2 years now as a staff member! 🙂
Yeah, this is just for the Invision site for the moment. Version 4.5 included a pretty significant redesign, so I imagine we'll stick with that for a while before doing another revamp. When that time comes, if this new design is still appealing to our visitors, I'm sure we'll use it as inspiration for a new default theme.

Thanks, I appreciate the feedback guys!
@Nathan Explosion I've fixed the "Our Community" issue and the user panel is no longer John Cena-ing. The user area seemed a little crowded on laptops, so I guess the Create menu was removed for a more aesthetic reason rather than a functional reason. It gives the user area a little more breathing room and prevents the navigation from collapsing into unnecessary dropdown menus. If this is mentioned more often though, I'll be happy to revisit it 🙂
@Adriano Faria The create menu should now be working correctly on mobiles. I added a "home icon" to the mobile navigation bar which takes you back to the forum index page. I thought it might be confusing if the logo took you to different places depending on what page you were viewing.
@Ocean West Nice suggestion - I've added your default Activity Stream to the "Our Community" dropdown menu. It'll be "Unread Content" by default, unless you've adjusted it for your account.

Haha thanks, I've actually been lurking around here for almost 2 years now as a staff member! 🙂
Yeah, this is just for the Invision site for the moment. Version 4.5 included a pretty significant redesign, so I imagine we'll stick with that for a while before doing another revamp. When that time comes, if this new design is still appealing to our visitors, I'm sure we'll use it as inspiration for a new default theme.

Haha thanks, I've actually been lurking around here for almost 2 years now as a staff member! 🙂
Yeah, this is just for the Invision site for the moment. Version 4.5 included a pretty significant redesign, so I imagine we'll stick with that for a while before doing another revamp. When that time comes, if this new design is still appealing to our visitors, I'm sure we'll use it as inspiration for a new default theme.

Starting this because they are likely to get lost in the other topic related to the refresh
 
No more 'Create' button? Shame Client area - clicking "Our Community" is pointless, isn't it? (see first screenshot below) Title doing a "John Cena" behind the header (see second screenshot below)  

Adding to the topic:
+ Create menu on mobile phone:

 
The logo links to the main site when should link to the forums:

Can you please restore the Activity Stream to the top nav - now it's 3 clicks away. 

Huh...no surprise you're responsible for this Ehren...
Great work though!  And I didn't know you were now part of the Invision team.  Good choice, Invision - I've been with Ehren's themes for a long time now and they never disappoint!  So is this just for Invision's site or is there a tweaked default theme in the works for future releases?

Missing images here:
https://invisioncommunity.com/features/calendar/
Here the smartphone is without image:
https://invisioncommunity.com/features/gallery/
When viewing the Pages product, the menu for watching other applications is lost in the footer:
https://invisioncommunity.com/features/pages/
The images in the showcase do not go if they open in lightbox:
https://invisioncommunity.com/solutions/micro-communities/
However, a really nice portal. I hope a hypothetical IP.Board 5 has some darker base colors like your portal... IPB 3.1 style, my favorite ever...

Looks quite nice, so far I like it 🙂
Brings me back to 3.x days - dark blue and green but differently of course.
Great job you all guys! Especially @Ehren I guess he was in charge of the redesign.
BTW got a bug here for you - the tooltip z-index 😄

Oohh, new Invision portal (is this a new default theme?)....nice and shiny! 😃
Although when I clicked on "Our Community" from the Client Area the drop-down menu was blank.
Looks great though!

Just seen, the "create button" was removed from the top on desktop. On mobile it looks like that:

Ehren smashed this out of the park!! The old design was dope - we took it and breathed some new life into it! 

Indeed. The site looks really great, very modern. It is very pleasing to the eye. Well done and congratulations to everyone involved. 😊

Site looks Excellent, I heard @Ehren helped out. His work is always awesome. So much more clean and modern looking. 

Wouldn't it make more sense for this:

to point to https://invisioncommunity.com/forums/forum/497-help-support/, instead of https://invisioncommunity.com/forums/forum/406-community-support/
 

Title doing a "John Cena" behind your header...

Hi @Redmak
I do something similar on my own forums, however I show an overlay to non-customers (basically guests or regular members). If an admin or customer is viewing the site, the overlay isn't shown. I use css to achieve this, and it only involves a minor template modification on globalTemplate.
This technique can easily be adjusted to show the icon/message to members instead. To use this technique on your site, open your globalTemplate file and find:
<html Change that to:
<html data-group-id='{expression="member.member_group_id"}' That will output the member group ID of the current visitor. We can now use something like the below code to display a message or icon next to certain forum names. This example will add a "Members only" badge next to forum #81 if the person viewing your site is in group 3 ("Members" by default):
[data-group-id='3'] [data-forumid='81'] .ipsDataItem_title::after{ content: 'Members only'; font-size: 0.6em; font-weight: bold; background: rgb(var(--theme-text_light)); color: #fff; border-radius: 4px; padding: .2em .7em; margin-left: .7em; } If you're unfamiliar with CSS, you can add this badge to multiple forums by duplicating and comma separating the top line like so:
[data-group-id='3'] [data-forumid='81'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='82'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='105'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='202'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='231'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='232'] .ipsDataItem_title::after{ content: 'Members only'; font-size: 0.6em; font-weight: bold; background: rgb(var(--theme-text_light)); color: #fff; border-radius: 4px; padding: .2em .7em; margin-left: .7em; } Or, if you'd rather use the padlock instead:
[data-group-id='3'] [data-forumid='81'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='82'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='105'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='202'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='231'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='232'] .ipsDataItem_title::after{ content: '🔒'; }  
Does that help?

Hi @Redmak
I do something similar on my own forums, however I show an overlay to non-customers (basically guests or regular members). If an admin or customer is viewing the site, the overlay isn't shown. I use css to achieve this, and it only involves a minor template modification on globalTemplate.
This technique can easily be adjusted to show the icon/message to members instead. To use this technique on your site, open your globalTemplate file and find:
<html Change that to:
<html data-group-id='{expression="member.member_group_id"}' That will output the member group ID of the current visitor. We can now use something like the below code to display a message or icon next to certain forum names. This example will add a "Members only" badge next to forum #81 if the person viewing your site is in group 3 ("Members" by default):
[data-group-id='3'] [data-forumid='81'] .ipsDataItem_title::after{ content: 'Members only'; font-size: 0.6em; font-weight: bold; background: rgb(var(--theme-text_light)); color: #fff; border-radius: 4px; padding: .2em .7em; margin-left: .7em; } If you're unfamiliar with CSS, you can add this badge to multiple forums by duplicating and comma separating the top line like so:
[data-group-id='3'] [data-forumid='81'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='82'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='105'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='202'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='231'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='232'] .ipsDataItem_title::after{ content: 'Members only'; font-size: 0.6em; font-weight: bold; background: rgb(var(--theme-text_light)); color: #fff; border-radius: 4px; padding: .2em .7em; margin-left: .7em; } Or, if you'd rather use the padlock instead:
[data-group-id='3'] [data-forumid='81'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='82'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='105'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='202'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='231'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='232'] .ipsDataItem_title::after{ content: '🔒'; }  
Does that help?

Hi @Redmak
I do something similar on my own forums, however I show an overlay to non-customers (basically guests or regular members). If an admin or customer is viewing the site, the overlay isn't shown. I use css to achieve this, and it only involves a minor template modification on globalTemplate.
This technique can easily be adjusted to show the icon/message to members instead. To use this technique on your site, open your globalTemplate file and find:
<html Change that to:
<html data-group-id='{expression="member.member_group_id"}' That will output the member group ID of the current visitor. We can now use something like the below code to display a message or icon next to certain forum names. This example will add a "Members only" badge next to forum #81 if the person viewing your site is in group 3 ("Members" by default):
[data-group-id='3'] [data-forumid='81'] .ipsDataItem_title::after{ content: 'Members only'; font-size: 0.6em; font-weight: bold; background: rgb(var(--theme-text_light)); color: #fff; border-radius: 4px; padding: .2em .7em; margin-left: .7em; } If you're unfamiliar with CSS, you can add this badge to multiple forums by duplicating and comma separating the top line like so:
[data-group-id='3'] [data-forumid='81'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='82'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='105'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='202'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='231'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='232'] .ipsDataItem_title::after{ content: 'Members only'; font-size: 0.6em; font-weight: bold; background: rgb(var(--theme-text_light)); color: #fff; border-radius: 4px; padding: .2em .7em; margin-left: .7em; } Or, if you'd rather use the padlock instead:
[data-group-id='3'] [data-forumid='81'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='82'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='105'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='202'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='231'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='232'] .ipsDataItem_title::after{ content: '🔒'; }  
Does that help?

Hi @Redmak
I do something similar on my own forums, however I show an overlay to non-customers (basically guests or regular members). If an admin or customer is viewing the site, the overlay isn't shown. I use css to achieve this, and it only involves a minor template modification on globalTemplate.
This technique can easily be adjusted to show the icon/message to members instead. To use this technique on your site, open your globalTemplate file and find:
<html Change that to:
<html data-group-id='{expression="member.member_group_id"}' That will output the member group ID of the current visitor. We can now use something like the below code to display a message or icon next to certain forum names. This example will add a "Members only" badge next to forum #81 if the person viewing your site is in group 3 ("Members" by default):
[data-group-id='3'] [data-forumid='81'] .ipsDataItem_title::after{ content: 'Members only'; font-size: 0.6em; font-weight: bold; background: rgb(var(--theme-text_light)); color: #fff; border-radius: 4px; padding: .2em .7em; margin-left: .7em; } If you're unfamiliar with CSS, you can add this badge to multiple forums by duplicating and comma separating the top line like so:
[data-group-id='3'] [data-forumid='81'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='82'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='105'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='202'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='231'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='232'] .ipsDataItem_title::after{ content: 'Members only'; font-size: 0.6em; font-weight: bold; background: rgb(var(--theme-text_light)); color: #fff; border-radius: 4px; padding: .2em .7em; margin-left: .7em; } Or, if you'd rather use the padlock instead:
[data-group-id='3'] [data-forumid='81'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='82'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='105'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='202'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='231'] .ipsDataItem_title::after, [data-group-id='3'] [data-forumid='232'] .ipsDataItem_title::after{ content: '🔒'; }  
Does that help?

@Ehren

The website is looking

This should do it:
.cForumHeader .ipsType_pageTitle, .cForumHeader .ipsToolList_primaryAction, .cForumHeader + .ipsToolList{ display: none !important; } .cForumHeader .ipsToolList{ margin-left: auto !important; }