# Adding html snippets via custom components only?

**URL:** <https://forums.realmacsoftware.com/t/adding-html-snippets-via-custom-components-only/50917>\
**Category:** Elements\
**Created:** [September 10, 2025, 10:54pm UTC](https://forums.realmacsoftware.com/t/adding-html-snippets-via-custom-components-only/50917 "2025-09-10T22:54:09Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [September 10, 2025, 10:54pm UTC](https://forums.realmacsoftware.com/t/adding-html-snippets-via-custom-components-only/50917/1 "2025-09-10T22:54:09Z")

</div>

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 ?

---

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [September 10, 2025, 10:57pm UTC](https://forums.realmacsoftware.com/t/adding-html-snippets-via-custom-components-only/50917/2 "2025-09-10T22:57:08Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [September 11, 2025, 8:56am UTC](https://forums.realmacsoftware.com/t/adding-html-snippets-via-custom-components-only/50917/3 "2025-09-11T08:56:23Z")

</div>

> [@jbob](#):
>
> In elements base, you appear to be limiting me to 3 - is this correct ?

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

> [@jbob](#):
>
> 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 ?

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.

👉 [Open the Project in Elements](elementsapp://downloadDocument/6NCItdSbA2tp)

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

---

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [September 11, 2025, 9:36am UTC](https://forums.realmacsoftware.com/t/adding-html-snippets-via-custom-components-only/50917/4 "2025-09-11T09:36:08Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [September 11, 2025, 9:52am UTC](https://forums.realmacsoftware.com/t/adding-html-snippets-via-custom-components-only/50917/5 "2025-09-11T09:52:15Z")

</div>

> [@jbob](#):
>
> 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.

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

> [@jbob](#):
>
> 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”.

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 🙂

---

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [September 11, 2025, 10:11am UTC](https://forums.realmacsoftware.com/t/adding-html-snippets-via-custom-components-only/50917/6 "2025-09-11T10:11:13Z")

</div>

Thanks Dan - you’re a supersonic code juggling hunk

---

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [September 11, 2025, 10:15am UTC](https://forums.realmacsoftware.com/t/adding-html-snippets-via-custom-components-only/50917/7 "2025-09-11T10:15:03Z")

</div>

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

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/6/4/6488452765e22ebc1a1d25ff4af13909cb8269c1.png)

---

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [September 11, 2025, 10:17am UTC](https://forums.realmacsoftware.com/t/adding-html-snippets-via-custom-components-only/50917/8 "2025-09-11T10:17:26Z")

</div>

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 ?

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [September 11, 2025, 10:48am UTC](https://forums.realmacsoftware.com/t/adding-html-snippets-via-custom-components-only/50917/9 "2025-09-11T10:48:18Z")

</div>

> [@jbob](#):
>
> Is it bad practise to have multiple text sizes in a single text box ? Please see my example ?

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

> [@jbob](#):
>
> 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

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

---

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [September 12, 2025, 2:10pm UTC](https://forums.realmacsoftware.com/t/adding-html-snippets-via-custom-components-only/50917/10 "2025-09-12T14:10:01Z")

</div>

Thanks Dan

I’m making progress here :

> **[Peter Yates, Artist and Architect 1920-1982](https://peteryates.co.uk/2025/)**
>
> Peter Yates 19 July 1920 – 16 November 1982, was a British born artist and architect. He was a founder partner of the architectural company Ryder and Yates.

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 ?

---

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [September 12, 2025, 6:31pm UTC](https://forums.realmacsoftware.com/t/adding-html-snippets-via-custom-components-only/50917/11 "2025-09-12T18:31:13Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [September 15, 2025, 1:29pm UTC](https://forums.realmacsoftware.com/t/adding-html-snippets-via-custom-components-only/50917/12 "2025-09-15T13:29:24Z")

</div>

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

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/8/6/8616122e5a3f02c5d29adacec823e928a45d8eca.png)

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/b/a/babed84331d99aa5c7d76b8cf919a972f8308509.png)

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/9/e962d25dd2e09e19354903d6dff4543cbbec66ec.png)

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [September 15, 2025, 1:33pm UTC](https://forums.realmacsoftware.com/t/adding-html-snippets-via-custom-components-only/50917/13 "2025-09-15T13:33:53Z")

</div>

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](https://docs.realmacsoftware.com/elements-docs/elements-cloud/account-sign-up).

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!

---

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [September 15, 2025, 1:41pm UTC](https://forums.realmacsoftware.com/t/adding-html-snippets-via-custom-components-only/50917/14 "2025-09-15T13:41:47Z")

</div>

… uploaded !

---

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [September 15, 2025, 1:42pm UTC](https://forums.realmacsoftware.com/t/adding-html-snippets-via-custom-components-only/50917/15 "2025-09-15T13:42:36Z")

</div>

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

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/f/ff62ace7d82a41023f0878b90df36ad1a40005ba.jpeg)

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [September 15, 2025, 2:01pm UTC](https://forums.realmacsoftware.com/t/adding-html-snippets-via-custom-components-only/50917/16 "2025-09-15T14:01:55Z")

</div>

> [@jbob](#):
>
> … uploaded !

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

---

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [September 15, 2025, 2:03pm UTC](https://forums.realmacsoftware.com/t/adding-html-snippets-via-custom-components-only/50917/17 "2025-09-15T14:03:02Z")

</div>

oOp yes …

elementsapp://downloadDocument/42cb4KAtxV4E

---

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [September 15, 2025, 2:08pm UTC](https://forums.realmacsoftware.com/t/adding-html-snippets-via-custom-components-only/50917/18 "2025-09-15T14:08:12Z")

</div>

Nav items in menu bar keep disappearing

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [September 15, 2025, 3:55pm UTC](https://forums.realmacsoftware.com/t/adding-html-snippets-via-custom-components-only/50917/19 "2025-09-15T15:55:57Z")

</div>

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 🙏

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

> [@jbob](#):
>
> Nav items in menu bar keep disappearing

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

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:

```auto
<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>

```

> [@jbob](#):
>
> Additionally - all my image containers on the print page are way too long - what have I done wrong here ?

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

> [@jbob](#):
>
> Margins not respected in a text box … sometimes - any idea why this might be ?

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](https://share.cleanshot.com/VtKfF4Nn) where I try to walk through all the issues for you:

Phew, hope that all helps 😅

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [September 15, 2025, 4:01pm UTC](https://forums.realmacsoftware.com/t/adding-html-snippets-via-custom-components-only/50917/20 "2025-09-15T16:01:16Z")

</div>

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.

 ![Screenshot 2025-09-15 at 16.52.47](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/7/5/756776b664dd2551dcd7abb5bfcd14a605856815.jpeg)

[Next page](https://forums.realmacsoftware.com/t/adding-html-snippets-via-custom-components-only/50917.md?page=2)
