Adding html snippets via custom components only?

In classic I could add html snippets willy nilly

In elements base, you appear to be limiting me to 3 - is this correct ?

Is there another way to add html code - it is my code after all

I have a page which requires 48 html snippets to Paypal

How can I do this on Elements base ?

I’ve been fiddling with Elements all day and I’m nothing but frustrated?

I also have several incidents of Elements locking up completely which I will document tomorrow

Yes, correct. You can switch plans via the Preferences window at any time.

Yes you can do it! I thought it would be best to create a short video to explain how it all works and give you a solution.

:backhand_index_pointing_right: Open the Project in Elements

P.S. To get the custom component I built into your own project, just copy and paste the component :slight_smile:

1 Like

Thank you Dan for the workaround and more for the reassurance. I think I may be too old to learn new tricks : )

I will make some progress today and get back to you with any questions

In the meantime - I’m getting a hang when in lightbox sometimes and cannot recover. Even restarting brings back the same scenario - so I need to delete the ‘block’ and recreate it. Will try to pin a repeatable down for you as it doesn’t happen all the time.

In standardising text size within a text box - If I’m highlight a bunch of text of slightly different sizes - it reports as …for example ‘lg’ which cannot be true - it should report with “?” or “multiple”.

Would be nice to have the inspector respond to changes in multiple selected objects … where common attributes exist. This may be difficult to do - I dont know - but my CAD app has this and it’s a real time saver.

I don’t think Elements is hanging. You just need to switch off there “Lightbox” toggle :blush:
See the video below on how to do it.

And here’s how the text editing works in Elements, and what I recommend…

Keep pushing on, you’ll soon be feeling more at home in Elements :slight_smile:

Thanks Dan - you’re a supersonic code juggling hunk

Is it bad practise to have multiple text sizes in a single text box ? Please see my example ?

I’d also be interested in a compendium of bad practise for Elements - eg: I read that invoking the margin/padding dialog for a given element adds a massive amount of code … and whilst it’s often necessary - when it isn’t … it should be avoided ? Or is that tosh on toast ?

No, that’s absolutely fine. There’s many ways to do the same thing in Elements, so do whatever works best for you :slight_smile:

All settings create code, but that’s not necessarily a bad thing. Your pages will still load fast in Elements. Design however you like :slight_smile:

Thanks Dan

I’m making progress here :

I’m having problems when I go to the print shop in the menu and sometimes the site pops back to ‘classic’ site (without the /2025) - sure that’s a small thing.

I’m looking for a back to the top button / arrow

I’m also looking to hide a big notion database on a screen with a log in (like sitelock ?)

Obviously the formatting is horrible - I haven’t quite got to grips with setting rules across the site for borders, padding etc

Keywords - why didn’t they come across from Classic - or are they no longer useful ?

I’m also looking for a magic scroll-down chevron - suitable for winding a big header up and away … to get quickly to the content beneath

Margins not respected in a text box … sometimes - any idea why this might be ?

Would you be able to upload your project to Elements Cloud? That way, we can take a proper look and help track down the issue.

It’s completely free, and we’ve got a quick guide on how to sign up and share your project.

Once it’s uploaded, you’ll get a shareable link, just paste that here in the forum and we’ll take it from there.

Cheers!

… uploaded !

Additionally - all my image containers on the print page are way too long - what have I done wrong here ?

Great, can you share the link so we can take a look?

oOp yes …

elementsapp://downloadDocument/42cb4KAtxV4E

Nav items in menu bar keep disappearing

Hi @jbob

I’ve done my best to help resolve all issues below. If you hit any more problems, please start a fresh post (i.e. one issue per post). It’s easier for us to help that way :folded_hands:

But here goes on fixing all the issues in this thread…

The menu items keep disappearing due to the PayPal code you’ve injected, they are overriding the site code Elements produces :face_with_steam_from_nose:

PayPal injects a global .hidden { display: none !important; } in places, which overrides Tailwind’s lg:flex breakpoint. The header uses hidden lg:flex, so PayPal’s rule keeps it hidden even on desktop.

You’ll need to add the following code to your sites header to workaround this:

<style>
/* Protect Tailwind display utilities from 3rd-party `.hidden` rules */
@media (min-width: 1024px) {
  .lg\:flex { display: flex !important; }
  .lg\:block { display: block !important; }
  .lg\:inline-flex { display: inline-flex !important; }
</style>

Each item will take up it’s own grid space, you need to group things together if you want them to display together.

Not 100% sure what is going on here, but you really want to wrap your content into a container that way it will respect the breakpoints. (unless you want something to go full width).

And finally… here’s a video where I try to walk through all the issues for you:

Phew, hope that all helps :sweat_smile:

Also if you look at top there is a “sun” and “moon” mode for dark and light (TOP RIGHT in image), go on to your dark mode (moon) and change text to white as you can not see it in dark mode.