Ehren

Hello,

There are a few solutions for your author column question in your other topic.

The code editor is designed to occupy the full height of your window (minus any other elements such as your header and footer) - however since you have an ad in your admin panel (which isn't standard), the editor doesn't have much room to expand.

Removing the ad will fix your editor issue.

Nice, glad you got it sorted!

z-index's can be a pain sometimes! 🙂

Hello,

When the ad fails to load, can you check the browser console or use the web inspector to see if the ad content is actually loading? It could potentially be caused by a problem with your ad network rather than the Invision software.

With that said, it appears as though you've implemented your ad by modifying the HTML code of the Member Statistics block. If you have the Pages application, a more flexible method would be to use the built in "Blocks" feature and the "Advertisements" feature. This will allow you easily to drag/drop/reorder your advertisement into any widget location in your sidebar. You can learn more about that here.

4 hours ago, Allegheny said:

I have installed both v4.6.8 and v4.6.9 updates, cleared cache and any custom css and both problems remain in the default template.

I'm unable to reproduce the issue on the default theme on either 4.6.8 or 4.6.9. I tried checking your site, however I'm unable to access it as a guest.

Thanks for the report @The Old Man

I've just fixed the Featured Products widget. It will be patched for our next release. 🙂

If you're referring to the actual text color of the forum description, I'd suggest using css to change it. Using the editor will "force" the description to use that color, which isn't always ideal if you're using different themes (particularly both light and dark ones).

If you do want to use the editor though, you can change the color using the "Text Color" button, which is an underlined "A".

I typically suggest a Parent/child setup, since it allows you to easily compare your customized theme with an untouched one.

To do this, install a 3rd party theme onto your site. Next, visit the Themes page in your Admin panel, click the "edit/pencil icon" next to the theme and tick "None" under the "Available for" option. This will hide it from your members, which is intentional. This theme is referred to as the Parent theme. You should never edit this theme (no code changes, no setting changes, etc), just keep it untouched.

Next, visit the Themes page again, but this time, use the "Create New" button to create a new theme. Select the "Manual mode" option and click Next. Type in a name for your theme, and in the "Parent" dropdown, select the 3rd party theme which you just installed. Press Save.

Doing this will create a "Child theme" which is basically a clone of your Parent. You can edit the Child by visiting the Themes page, and then expanding the Parent, which will reveal your Child. The benefit with this setup is that you can now edit your Child theme and easily compare it to the Parent by using the "Compare with parent" option (by clicking the cog icon at the top right of the code editor). Also, when reverting the code, it'll revert it back to the Parent code instead of the default Invision code.

When you need to upgrade the theme, you should upgrade the Parent theme. You can then use the "compare tools" to manually upgrade your Child theme - or even revert it back to the "unmodified 3d party code", and then reapply your code changes from there. Whatever's easier.

It's a slightly confusing process to type out and explain, but it's very straightforward once you've tried it yourself - so maybe give it a go!

9 hours ago, Dean_ said:

@Matt @Ehren

Could you please look into adding the Marketplace link in the menu please, so I and others can access it on the mobile.

I've just added the "Our Community" menu to the mobile navigation panel, and have also added a Marketplace link to the "More" dropdown menu while viewing the forums.

1 hour ago, Adriano Faria said:

@Ehren

The pancake menu stop working when you visit a profile, at least on iOS (iPhone). You click and nothing happens (it doesn’t “open”).

Good spot - I know why this is happening.. When content is loaded in via ajax, all of the javascript files are retrieved too, which creates multiple instances of them. So when the hamburger menu is clicked, the two identical javascript files trigger the same event which immediately opens and closes the menu. If you load another piece of content via ajax (such as "See my activity"), the javascript files are retrieved yet again and the event fires an odd number of times which makes it work.

I'm not sure of the easiest solution here, but I'll look into it shortly. 🙂

12 hours ago, Unlucky said:

We have just added a new theme made by @Ehren

It seems to have effected the add comment box and share icons location

The combination of classes used on some of those elements technically isn't correct (they're not used like that anywhere else in the software), but adding this to custom.css should help:

.ipsBox.ipsDataItem{
	display: block;
}

Hi @encrypted

That's odd - if possible, can you send me a PM with a username/password to your ACP so I can look into this? You can restrict the admin account to the "Customization" area - I won't need access to any other areas of your admin panel.

It took a moment to render for me, but it's working on my end:

Yeah, that's actually an issue with the default theme too and is likely caused by images which cause the page to jump when they load. This is typically fixed by assigning width/height attributes to images, but I'm not sure how difficult this is to achieve with uploaded content. I'll mention it to the dev's to see if they have any suggestions.

Thanks @Adriano Faria, all sorted!

There's quite a lot of code which goes into that header, but it's all just standard HTML, css and a small amount of javascript. It's not a header which can easily be implemented into the Invision Menu Manager though (the top navigation menu on this site is all static code - the dark blue bar is the only thing powered by the Menu Manager system), so I'm not sure how helpful a blog post would be unfortunately 😅

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.

2 minutes ago, liquidfractal said:

And I didn't know you were now part of the Invision team.  Good choice, Invision

Haha thanks, I've actually been lurking around here for almost 2 years now as a staff member! 🙂

8 minutes ago, liquidfractal said:

So is this just for Invision's site or is there a tweaked default theme in the works for future releases?

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 for the feedback! These areas should now be fixed.

With that said, I wasn't able to reproduce your first two issues @Askancy so hopefully it was just a temporary issue which has fixed itself. Let me know if you continue to have issues though and I'll be happy to look into it! 🙂

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 Darren,

If possible, posting a URL to that topic might be helpful so we can view the code 🙂

Adding elements can't be done with css alone, sorry!

Add the following to your custom.css file:

.cContentMessage__header > .ipsFlex-fw\:wrap{
	flex-wrap: nowrap;
}

Hello,

I'd need to see a live URL if possible.

You'd need to remove the vertical padding and use a min-height instead while also using flexbox to vertically center the text. Personally, I'd keep it as-is since it's technically working as intended.

Hello,

This is caused by an incorrect suffix on your group name. The prefix is:

<strong><font color="#cc0000">

And the suffix is:

</font><strong>

The font tag is deprecated and the strong tag is not closed properly. You should change the prefix to:

<strong style='color:#cc0000'>

And change the suffix to:

</strong>