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?

Edited August 29, 2025Aug 29 by The Old Man

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);
}

Edited August 29, 2025Aug 29 by The Old Man

10 hours ago, The Old Man said:

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.

Safari 16.4 and 16.5 would crash when color-mix and currentColor were used as values of the color property. This was fixed by 16.6 (so 16.7 never should have had this issue), but I’ve tweaked the code to ensure it works in all versions 🙂

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!

Why i have problem upgrading to beta 2 from Admin panel?

Writing loging information and after a bit of loading, it redirects me back.

1 minute ago, Владислав Цветков said:

Why i have problem upgrading to beta 2 from Admin panel?

Writing loging information and after a bit of loading, it redirects me back.

You may be using the wrong credentials for the client area, it's worth double-checking those.. Clicking into the log may tell you more.

Just now, Stuart Silvester said:

You're likely using the wrong credentials for the client area. Clicking into the log may tell you more.

Im using the email and the password i've used just now for the client area. I logged out of there and logged in. And tried the same email and password for the admin panel.

Just now, Владислав Цветков said:

Im using the email and the password i've used just now for the client area. I logged out of there and logged in. And tried the same email and password for the admin panel.

Does the log tell you anything more?

4 minutes ago, Stuart Silvester said:

Does the log tell you anything more?

No. I've added this to constants.php

define( 'USE_DEVELOPMENT_BUILDS', TRUE );

After that i got the update , did first step and in second it doesnt want to continue. Redirects me back. I did messed up 2 times my password first time, but after that i got it right as i've tried it in the client area here.

Please could you try this again in today and let us know if you still have the same issue?

5.0.11 is now available!

The final release contains an additional fix for the Table of Contents widget on Pages Records.

Please see the release notes for more information.

20 minutes ago, Stuart Silvester said:

The final release contains an additional fix for the Table of Contents widget on Pages Records.

Would that be the fix, that added items to the Table of Contents where not saved properly?

44 minutes ago, Moestuin said:

Would that be the fix, that added items to the Table of Contents where not saved properly?

Yes!

After i posted it, i installed the 5.0.11 on my -testinstall
And tested that. But once i add an item to the Table of Contents. And then 2 second later i refresh the page, the items are gone again.
From inspect element, under network, i do see that the browser does a POST to the server. But does not seem to save the data.

Might be a stupid question but what’s LaTeX support?

Are you making @Marc wear latex whilst supporting cloud client and their “issues”.

2 minutes ago, Day. said:

Might be a stupid question but what’s LaTeX support?

It allows for mathematical notation

5 minutes ago, Day. said:

Are you making @Marc wear latex whilst supporting cloud client and their “issues”.

What can I say? It allows for airtight support

On 8/29/2025 at 6:07 PM, The Old Man said:

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);
}

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?

Edited September 3, 2025Sep 3 by The Old Man

Upgraded without any issues. 👍

Feature "Draggable quotes, code blocks and images" does not work on Firefox. (both desktop & android)

It is pity that spoiler did not get button as requested by many users here.

Upgraded. Thanks for the hard work champs! ❤️

46 minutes ago, bags_ppp said:

It is pity that spoiler did not get button as requested by many users here.

I'm probably confused (so often the case) but I seem to have a one-click spoiler option now (under the + dropdown) rather than having to craft one out of a box. Did I add a mod somewhere and forget?

This was added in this version and it immediately creates a hidden box. The only thing I’m missing in this option is for it to set the title to 'spoiler' by default.

2 hours ago, bradl said:

I'm probably confused (so often the case)

Users on my forum even more. ;) This shoud be button in the default toolbar.(Instead of underline for example).

2 hours ago, PanSevence said:

The only thing I’m missing in this option is for it to set the title to 'spoiler' by default.

Exactly. In our community there is no single other use of boxes except for spoliers.

10 hours ago, Stuart Silvester said:

5.0.11 is now available!

The final release contains an additional fix for the Table of Contents widget on Pages Records.

Please see the release notes for more information.

No issues and straight-forward as usual. 😎

On 8/27/2025 at 6:00 AM, Matt said:

We have a freshly baked 5.0.11 for you!

We have another release for you to test and give us feedback on. This release comes with all the usual fixes and includes some new things:

• Various Editor improvements

  • ✨TipTap v3 ✨

  • Draggable quotes, code blocks and images

• New: Basic MailChimp integration.

• New: Auto-lock topics functionality.

• Pages: Ability to set default pages per member group.

The full list is over on our release notes page.

Have fun, and let me know how it goes!

@Matt

Thank you for adding the ability to add Alt Image text !!!! I have been wanting this for years becasue I was sick of Yoast and SEM Rush telling me to add alt image text to our many images. Now, any chance we could add a feature that we admins could enable that would "require" members to add short alt text when uploading images?

Thanks again for the update, great stuff going on at Invision!