Hi I tried to get an background color for the entire page. And the only Idea I came up with to put a container (default size) into another container (screen height). Once I did that I got a weird effect: Its resizing on hovering of the container. I made some screenshots. [Child_Hover_Editor] [C…

Ah! You can use Elements Cloud to share projects, details on that here . We plan to add a setting to set the background colour of a page, but for now just set the container bg colour and as you fill the page with content it will cover the browser window (hope that makes sense). Here’s how I’d set i…

It’s probably just an incorrect setting on a component, can you share your project and we’ll fix it up for you?

How would I share this? Just curious. Send you a zip File?

Hi Dan, send you the project already by email. But yeah will keep the cloud stuff in mind. Awesome to add this to a “setting” should be also “dark” / “light” changeable. Regarding the background I can do that over the template.

You can add the tailwind class to the body (e.g. class="bg-brand-500"). Be aware that if you do not use that background color anywhere in your page it won’t be exported. As a workarround until Realmac will provide the option you can just add a small hidden element that contains that bg-color. Then i…

ah, yes and @logrunner just posted about this very thing! [image] PHP Code Dynamic Tailwind Classes Heads-Up! Component Development You’re 100% correct! Elements builds Tailwind CSS on the fly, so we only output the classes in use on the page. I should bookmark your post…

[image] Beblebroks: You can add the tailwind class to the body (e.g. class="bg-brand-500"). I have a statement: <body class="<?= $body_class ?> p-4"> How do I achieve that?

Resizing on hover

Elements

dan (Dan) February 17, 2025, 3:36pm 8

ah, yes and @logrunner just posted about this very thing!