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
-
I have a feeling this may be caused by line-heights. Is it fixed if you add this to your custom.css file? /* Fix jumping scrollbar in embedded content */ .ipsRichEmbed .ipsType_richText{ line-height: 1.4; }
-
Hello, If possible, can you please post a URL to that topic? We'll need to check the code ourselves, since it's too hard to fix via a screenshot.
-
It’s not actually a limitation with our software or an issue with your theme, it’s just the way import statements work. You can read more about it here. 🙂
-
Your site is currently using this code: @import url('https://fonts.googleapis.com/css2?family=Creepster&display=swap" rel="stylesheet'); body { font-family: Creepster, cursive; } It needs to be this: @import url('https://fonts.googleapis.com/css2?family=Creepster&display=swap'); body { font-family: Creepster, cursive; } With that said, import statements should only appear at the very top of your css file. Depending on how your theme has been coded, the custom.css file can be appended to other files, which means that your import statement is no longer at the top. A safer solution would be to use the <link> code. Add this to the <head> area of your theme: <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Creepster&display=swap" rel="stylesheet"> Then use this in your css: body { font-family: 'Creepster', cursive; }
-
Sure.
-
We’ll need to view the broken/admin theme to find out why the font isn’t loading.
-
Hello, This code is working fine for me: @import url('https://fonts.googleapis.com/css2?family=Creepster&display=swap'); body { font-family: Creepster, cursive; } If you're trying to use it on a 3rd party theme, post your URL here and I'll take a closer look for you 🙂
-
Thanks Afrodude - I'll keep this in mind for a future update! 🙂
-
Hi shahed, Thanks for the suggestion. This has also been on my mind for quite a while and is on my todo list for a future update. 🙂
-
Thanks @SeNioR-, I'll keep this in mind for a future update! 🙂
-
Hey Alex, I've just checked that URL but I was only able to see Deflection, which seems to be working fine.
-
Hey Al, This is happening because you've added a table to your descriptions, which have fixed widths of 600px. If possible, I'd suggest removing the table from your description, and using plain text or a list instead. The image area at the top is designed to use a cover photo rather than a logo. I've fixed this on your site, but for anyone else with this issue, this code will stop the image from cropping oddly: .cSubscriptionsHeader{ background-size: contain; background-color: transparent; background-position: 0 50%; }
-
Change Checked Default Search Option on Front Page
Ehren replied to Demonland31's topic in Technical Problems
You can add the code to the bottom of your globalTemplate theme file (or to the Footer HTML area if you're using "Simple Theme Editing"). -
Change Checked Default Search Option on Front Page
Ehren replied to Demonland31's topic in Technical Problems
If you don't want to use the plugin, you can create the JS file at: /admin/?app=cms&module=pages&controller=templates Click the JS tab and create your new file. Paste in the code from my earlier post, but remove the first and last lines (the script tags) since they're not required. Next, visit your Page list at /admin/?app=cms&module=pages&controller=pages and click Edit next to your page. Under the Page Includes tab, select the JS file which you just created. 🙂 -
Change Checked Default Search Option on Front Page
Ehren replied to Demonland31's topic in Technical Problems
Hi @Demonland31 There's no built in setting to control this but if you have access to the HTML of the page, add the following to the top of your existing code. If you used the page builder instead, you'll need to create a JS file and assign it to the page via the page settings. <script> // Change default search filter document.querySelector(".cSearchFilter__menu [value='all']").checked = true; document.querySelector('.cSearchFilter__text').innerText = document.querySelector('.cSearchFilter__menu input:checked + .cSearchFilter__menuText').innerHTML; </script> -
Thanks guys - the width of the search menu has been increased here. I have a few slight improvements I'd like to make which I'll discuss with the rest of the team shortly.
-
Hump Day: show off your community's theme
Ehren replied to Jordan Miller's topic in Invision Community Insider
It's always great seeing my themes in the wild, including the customizations you've all made. 👏 @Ehren has made all of my themes too! 10/10, would recommend 😂 -
Unfortunately not - the profiles are designed to be dynamic, and use ajax to pull in new data without refreshing the entire page. I don't believe there's a solution to change that - sorry!
-
Hello, It seems as though the "jittery" issue you're referring to is simply the ajax content loading onto the page. I unfortunately have no further improvements for that part. The header height (on both desktops and mobiles) as well as the height of the logo can be edited via the theme settings, under the Custom tab. CSS changes aren't needed for that. 🙂 If you do need to add css variables to custom.css for another reason, you just need to wrap them with :root{} like so: :root{ --primary-navigation--height: 52px; --secondary-navigation--height: 50px; } I hope that helps!
-
Is it just the colours you're concerned about? Or something else?
-
If you add this to custom.css, does this help? /* Fix profile jittery load */ .ipsType_richText [data-ipstruncate-size="3 lines"]{ max-height: 4.7em; overflow: hidden; }
-
Hello, The core > global > framework > _vars.css file has been modified in your theme. Reverting that file will fix your issue. 🙂 If you need to modify your CSS, you should add your code to the custom.css file. Editing the core files is not recommended as it can cause issues like this.
-
Thanks @Afrodude - I've added this to our internal bug tracker so we can look into it further 🙂
- 1 reply
-
- 2
-
-
This is something I can help with, if you're still looking for a designer 🙂
-
If you plan on editing any css code, make sure you only edit the custom.css file. All other css files should stay untouched.
