Ehren
-
Posts
254 -
Joined
-
Last visited
-
Days Won
22
Content Type
Downloads
Release Notes
IPS4 Guides
IPS4 Developer Documentation
Invision Community Blog
Development Blog
Deprecation Tracker
Providers Directory
Forums
Events
Store
Gallery
Everything posted by Ehren
-
Ah, I didn't realise the main page used the same selectors. I've edited my code above.
-
For any of my other customers with the same issue as Alex, add this to custom.css and I'll patch it in a future theme update. The awardsHr code helps with dark themes, so feel free to leave that out if you like. [data-role="awards"] > .ipsDataItem > .ipsResponsive_block{ flex: 0 1 100%; } hr.awardsHr { border-color: rgba(var(--theme-text_light),.3); }
-
If you can send me a PM with the URL, I'll take a look 🙂
-
Syntax for Custom Theme Setting Condition field
Ehren replied to The Old Man's topic in Developer Connection
The desc tag works for me. I actually use it in my own theme settings: <?php $lang = array( 'themesetting_focus_light_dark_enable' => 'Enable light/dark toggle?', 'themesetting_focus_light_dark_enable_desc' => 'A toggle icon will be added to your theme allowing your members to easily switch to an alternate color scheme.', ); -
Syntax for Custom Theme Setting Condition field
Ehren replied to The Old Man's topic in Developer Connection
I experimented with a feature like this with my themes. I only wanted a setting to be displayed if a previous setting was set to a certain value. What I later realised is that the conditional setting will only be displayed once the existing setting has actually been saved. There isn't any ajax functionality which would make the "Gradient direction" setting appear as soon as "Radial gradient" is selected, which actually results in a pretty poor experience for admins since they won't see the new setting until they've saved the existing page and reloaded it. In my own themes, I've simply added a description to situations like this which basically says "If Radial Gradient is selected above, this setting will control its direction." I feel like this may also be the best solution in your case. -
Something like this will do the job.. #elUserNav{ position: absolute; background: rgba(0,0,0,.6); border-radius: 4px; color: #fff; padding: 2px 10px; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } [dir='ltr'] #elUserNav{ right: 0; } [dir='rtl'] #elUserNav{ left: 0; } If you need help beyond that, it would be best to ask future questions in the Theme Assistance forum, since this forum is technically for Feedback and suggestions.
-
The breaking point for the responsive theme starts at 979px and is hard-coded throughout dozens of css files. Version 4.x was written years ago with the assumption that anything less than 980px was likely a tablet/mobile device, so the mobile layout should be shown. That assumption of course isn't entirely correct these days since there are a bunch of different screen sizes and devices, so I imagine the next major version of Invision Community will address this with a simple setting. In the mean time, it's unfortunately quite difficult to change this break point, so I don't have a simple copy/paste solution for you I'm afraid.
-
For future reference, the height of the banner can be controlled by one css variable in 4.5, so you don't need media queries or multiple css selectors. For example, this will increase the header height to 300px: :root{ --header--height: 300px; } Or if you only want to edit the height of the mobile header, simply use: :root{ --responsive-header--height: 100px; } From there, you'd then use the "Logo height" setting to control the height of the logo. So if you've set your header to 300px and want your logo to be 150px in height, you'd change the setting to 50% The old user links were positioned using absolute positioning. If you want to replicate this in 4.5, add this to custom.css #elUserNav{ position: absolute; } [dir='ltr'] #elUserNav{ right: 0; } [dir='rtl'] #elUserNav{ left: 0; } That should work, but let me know if it doesn't 🙂
-
Hello, The Carbon theme from the demo board is the exact same one as the downloadable version. If your site looks different, it's likely because you need to setup your blocks using the Block Manager 🙂 Blocks aren't imported by the theme, so there's no way to "duplicate" the demo board without manually doing it yourself. I hope that clears up any confusion!
-
Just upgraded to IPS 4.5, but I have this color problem.
Ehren replied to Cach Doan's topic in Technical Problems
Hi @Cach Doan The "mention tags" will be fixed in the next update, coming shortly. The "white pagination background" will also be fixed in the next update, but can be fixed now by changing Button Colors > Pagination Active to #737373 Hopefully that helps - let me know if you have any further questions and I'll be happy to answer them for you! -
If you're using the default Invision theme, adding this to custom.css should do the trick: .ipsDataItem_lastPoster__title{ max-width: 250px; } If you're using one of my themes, the code might be slightly different.
-
A short while ago we revealed the new look Admin CP for Invision Community 4.5. The focus was on increasing the workspace, brightening and modernising the look. However, for some this new look was perhaps a little too bright, especially when setting your OS to use dark mode. Rather than cause an increase in sales for sunglasses, we went ahead and implemented a dark mode for the Admin CP. You can set it to work inline with your OS preference, or you can choose to enforce light or dark mode. I'm sure the next question you're about to ask is "Hey Ehren that looks amazing and now working at 3 am won't wake up the neighbours when I log into the AdminCP but can you do the same for the front-end?" The short answer to that is "no". The theme system isn't currently designed to support both light and dark colour schemes, however our marketplace has a great selection of dark themes to enhance your community. I hope that you like this new feature and I just wanted to say thanks for your feedback; we do listen!- 23 comments
-
- 37
-
-
-
-
Invision Community has come a long way over the past five years. We've added many new features and invigorated the front-end user experience to keep it current and in-line with modern interfaces. One area that has remained largely the same is the Admin Control Panel. When we released Invision Community 4.0 back in 2014, the Admin Control Panel was updated but has stayed relatively dormant since. But that's all about to change with the upcoming release of Invision Community 4.5! The Admin Control Panel in 4.5 has received a substantial update, resulting in a modern color scheme and a clean, minimalistic design. We felt that a lighter, more open design allowed the content more space and to feel less crowded. The dark grays have been replaced with shades of blue and aqua which closely reflects Invision Community's new branding, while other colors have been lightened and saturated. Along with the new color scheme, the overall layout of the ACP has intentionally been kept similar to the existing version, resulting in a design that feels surprisingly familiar yet refreshingly new at the same time. We hope you've enjoyed this small sneak peek into Invision Community 4.5 and we look forward to introducing you to some more new features in the upcoming weeks!- 61 comments
-
- 41
-
-
-
