The Old Man

It would be nice to be able embed X timelines again! I tried it with CNN and it doesn't work. The light and dark checkbox seems to make a difference on posts though on their preview page. They don't have Invision Community! They are missing out.

I would love to see Unsplash added as an integration. Their images are much nicer, better choice and better quality than Pixabay and they have an API. Have suggested this before in the feedback forum for IPS4.

When I read Editor QoL Improvements, I became very excited! This is it! Finally! But sadly no.... 🥹

Stupid Apple. 🤐 I uploaded the video to my iCloud Drive and it plays fine in the Files app. So I don’t think it’s the video my iPad doesn’t like.

Thanks, perhaps something to do with this site/server or the video codec itself as I can play mp4 video elsewhere such as all the demos on the Mozilla html video page. I’m running iPadOS 16.7.11 but html video has been supported a long time. Out of interest, I looked at the video properties for clues but I'm none the wiser.

Re the Spoiler: I just test it in 5.0.11 and its kind of annoying that the word spoiler isn't being automatically added for users. I was sure that was going to be added following the spoiler feedback. It should ideally be done automatically and using a lang string so its translation ready.

I finally got Matt's workaround working. What was missing was that you have to call the new HTML template containing your CSS Variables and PHP Template Tags into another template first (using the its unique key), such as before the opening HEAD tag of the HTML front/front/globalTemplate. Then the CSS root vars will get loaded into the page. Having said that, I wonder what is the point of all this when you can still use PHP template tags in the front CSS sheet to access the theme settings to alter the CSS sheet? Are IPS going to remove that capability in the future of IC5?

Thanks Ehren. Although it was fixed before 16.7, out of interest I looked and I do have color-mix enabled in the Safari Experimental Settings although I can't remember enabling this, it may have been one of the ones on by default. Either way, however it was fixed and I browse the site in DuckDuckGo also, and my iPad loves you now!

I gave it a try as previous post but the browser says the CSS variables are not being set: <style type="text/css"> :root { /* Apply a custom uploaded background image to the header based on value of theme setting */ {{if cssvar.halmac_custom_header_bkgnd == TRUE}} --primary-bgd-url: url({theme="halmac_custom_header_bkgnd"}); /* Or apply the chosen background image to the header */ {{elseif cssvar.halmac_header_bkgnd == 'moonlight-night-horror-full-moon-703553' }} --primary-bgd-url: url( '{resource="custom/moonlight-night-horror-full-moon-703553-2000.webp" app="core" location="front"}' ); {{elseif cssvar.halmac_header_bkgnd == 'moon-703538' }} --primary-bgd-url: url( '{resource="custom/moon-703538-2000.webp" app="core" location="front"}' ); --primary-bgd-pos: center -38vh; {{elseif cssvar.halmac_header_bkgnd == 'freestocks-kVv8AvoKJ7g-unsplash' }} --primary-bgd-url: url( '{resource="custom/freestocks-kVv8AvoKJ7g-unsplash-3840.webp" app="core" location="front"}' ); {{elseif cssvar.halmac_header_bkgnd == 'mark-rall-s8x0cFmUtNM-unsplash' }} --primary-bgd-url: url( '{resource="custom/mark-rall-s8x0cFmUtNM-unsplash-3000.webp" app="core" location="front"}' ); --primary-bgd-pos: center -39vh; {{elseif cssvar.halmac_header_bkgnd == 'witchs-house-712259' }} --primary-bgd-url: url( '{resource="custom/witchs-house-712259-2000.webp" app="core" location="front"}' ); --primary-bgd-pos: center -34vh; {{elseif cssvar.halmac_header_bkgnd == 'castle-castle-ruins-moonlight-2103364' }} --primary-bgd-url: url( '{resource="custom/castle-castle-ruins-moonlight-2103364-2731.webp" app="core" location="front"}' ); --primary-bgd-pos: center -12vh; {{elseif cssvar.halmac_header_bkgnd == 'moon-night-full-703537' }} --primary-bgd-url: url( '{resource="custom/moon-night-full-703537-2000.webp" app="core" location="front"}' ); --primary-bgd-pos: center -76vh; {{elseif cssvar.halmac_header_bkgnd == 'ghost-spirit-2874344' }} --primary-bgd-url: url( '{resource="custom/ghost-spirit-2874344-2400.webp" app="core" location="front"}' ); --primary-bgd-pos: center -41vh; {{elseif cssvar.halmac_header_bkgnd == 'landscape-862771' }} --primary-bgd-url: url( '{resource="custom/landscape-862771-2000.webp" app="core" location="front"}' ); --primary-bgd-pos: center -40vh; {{elseif cssvar.halmac_header_bkgnd == 'pumpkins-5675502' }} --primary-bgd-url: url( '{resource="custom/pumpkins-5675502-2400.webp" app="core" location="front"}' ); {{elseif cssvar.halmac_header_bkgnd == 'tombstone-703900' }} --primary-bgd-url: url( '{resource="custom/tombstone-703900-2000.webp" app="core" location="front"}' ); --primary-bgd-pos: center bottom; {{endif}} } </style>CSS: .ipsHeader__primary { position: relative; /* z-index: 0; breaks nav menu */ background-position: center; background-repeat: no-repeat; background-size: cover; background-image: var(--primary-bgd-url); background-position: var(--primary-bgd-pos); }

Thanks Matt. Trying to wrap my head around how this will work with the theme settings. Currently if the CSS is in the front-end custom CSS form, I use PHP template logic in the custom CSS style sheet to display the background image based on the value of the CSS variable, which in turn is set by the admin using a theme setting (dropdown list of image names), and it displays everything fine. So instead, if I want to switch to using the back-end AdminCP Theme CSS area, I should instead do the PHP processing in a new custom template for the purpose of defining the root CSS variables?

Hi @Matt , if I did that my themes wouldn’t work. We were always able to utilise the PHP IF/Else template tags to make use of the theme settings in v4, this has been treated as a bug until now if it’s no longer the case, please could you provide a supported working alternative for IC5 themes? The only other way around it (besides complicated JS) is not to be able to use the backend AdminCP for our CSS (if we still want to make use of theme settings to change background images, colors etc) which makes having it pretty pointless for theme designers that would prefer not to put their CSS on the front end.

I don’t know what the fix was related to but huge thank you because now I can definitely view topics using my iPad running 16.7 on this IC5 site without them getting stuck in a never ending loop. I posted about it here for example in this thread that by coincidence wouldn’t load for me in any iPad browser but now this works just fine and I couldn’t find any topics in the last 60 mins that wouldn’t load properly. The only other issue is video not playing, I’ve not seen this happen on other sites so I don’t know what format the video is loading via the iPad here:

Hi, The video in this topic isn’t playable using my iPad. I tried Safari, Firefox and DuckDuckGo browsers. I get the play icon but no video after clicking on it,

Re the CSS background images using theme resources bug, it has actually got worse in 5.0.11 than it was in 5.0.10 and prior. Previously the URL to the image wouldn't show up in the CSS as per this example: now, you get the uncompiled code from the AdminCP Core CSS/JS in the CSS sheet:

Just tried upgrading to 5.0.11 Beta 2 via the AdminCP upgrader and it installed nicely, however CSS background images using uploaded theme resource images are still broken when the CSS is housed in the AdminCP. 😭