# Re-usability of site pages and containers, a la PlusKit?

**URL:** <https://forums.realmacsoftware.com/t/re-usability-of-site-pages-and-containers-a-la-pluskit/47544>\
**Category:** Elements\
**Created:** [May 13, 2025, 8:29pm UTC](https://forums.realmacsoftware.com/t/re-usability-of-site-pages-and-containers-a-la-pluskit/47544 "2025-05-13T20:29:25Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![luckylindy](https://avatars.discourse-cdn.com/v4/letter/l/ad7895/32.png) [@luckylindy](https://forums.realmacsoftware.com/u/luckylindy)\
**Post date:** [May 13, 2025, 8:29pm UTC](https://forums.realmacsoftware.com/t/re-usability-of-site-pages-and-containers-a-la-pluskit/47544/1 "2025-05-13T20:29:25Z")

</div>

Is that a possibility or am I missing a concept in [Elements](https://elementsapp.io/) that negates such a request?

---

<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:** [May 13, 2025, 8:34pm UTC](https://forums.realmacsoftware.com/t/re-usability-of-site-pages-and-containers-a-la-pluskit/47544/2 "2025-05-13T20:34:18Z")

</div>

I think [Global Templates](https://docs.realmacsoftware.com/elements-docs/elements-app/templates/global-templates) are what you’re after; they are super powerful 💪

[![](https://img.youtube.com/vi/wMl2M8YstkE/maxresdefault.jpg "Elements: Global Templates Introduction") ](https://www.youtube.com/watch?v=wMl2M8YstkE)

If there’s something specific to PlusKit you need to do, let me know and I’ll tell you how you can do it in [Elements](https://elementsapp.io/) 😊

---

<div class="post-metadata">

**Author:** ![luckylindy](https://avatars.discourse-cdn.com/v4/letter/l/ad7895/32.png) [@luckylindy](https://forums.realmacsoftware.com/u/luckylindy)\
**Post date:** [May 13, 2025, 10:01pm UTC](https://forums.realmacsoftware.com/t/re-usability-of-site-pages-and-containers-a-la-pluskit/47544/3 "2025-05-13T22:01:37Z")

</div>

Ah, yes, Globals. Amazingly, I forgot about them (I haven’t been working with [Elements](https://elementsapp.io/) in a while.) Very much better than PlusKit.

 ![litella-2](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/c/5c7eefb478e605cda9fbb956373ce04f131bbf70.jpeg)

😉

---

<div class="post-metadata">

**Author:** ![luckylindy](https://avatars.discourse-cdn.com/v4/letter/l/ad7895/32.png) [@luckylindy](https://forums.realmacsoftware.com/u/luckylindy)\
**Post date:** [May 13, 2025, 10:21pm UTC](https://forums.realmacsoftware.com/t/re-usability-of-site-pages-and-containers-a-la-pluskit/47544/4 "2025-05-13T22:21:25Z")

</div>

I did find one thing that I can’t figure out how to do. I was using PlusKit to bring in my ecwid store into a page. Specifically, I was able to place that into another stack that let me set the typography for the PlusKit imported store. Can I stylize the text of the HTML component without having to code the HTML itself? (I’m not a developer).

---

<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:** [May 14, 2025, 11:48am UTC](https://forums.realmacsoftware.com/t/re-usability-of-site-pages-and-containers-a-la-pluskit/47544/5 "2025-05-14T11:48:34Z")

</div>

> [@luckylindy](#):
>
> Specifically, I was able to place that into another stack that let me set the typography for the PlusKit imported store. Can I stylize the text of the HTML component without having to code the HTML itself? (I’m not a developer).

You can certainly embed the Ecwid store using a custom component. You’d then just need to override some styles… probably with code 😬

However, if you know what things you’d like to change, we can probably help you out with that 😊

---

<div class="post-metadata">

**Author:** ![luckylindy](https://avatars.discourse-cdn.com/v4/letter/l/ad7895/32.png) [@luckylindy](https://forums.realmacsoftware.com/u/luckylindy)\
**Post date:** [May 14, 2025, 1:24pm UTC](https://forums.realmacsoftware.com/t/re-usability-of-site-pages-and-containers-a-la-pluskit/47544/6 "2025-05-14T13:24:53Z")

</div>

Thanks, Dan. I did actually use the HTML component to embed the store; that’s when I saw/realized I needed to have some sort of control for typography. I have a Pro license. How do I go about requesting code help with this?

---

<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:** [May 14, 2025, 1:31pm UTC](https://forums.realmacsoftware.com/t/re-usability-of-site-pages-and-containers-a-la-pluskit/47544/7 "2025-05-14T13:31:42Z")

</div>

If you share your project via [Elements Cloud](https://docs.realmacsoftware.com/elements-docs/elements-cloud/account-sign-up), I can take a look. You’ll also need to let me know exactly what you need changed — the more details you give, the better 😊

If the project contains private data, you can [send the link via email](mailto:dan@realmacsoftware.com).

---

<div class="post-metadata">

**Author:** ![luckylindy](https://avatars.discourse-cdn.com/v4/letter/l/ad7895/32.png) [@luckylindy](https://forums.realmacsoftware.com/u/luckylindy)\
**Post date:** [May 14, 2025, 2:18pm UTC](https://forums.realmacsoftware.com/t/re-usability-of-site-pages-and-containers-a-la-pluskit/47544/8 "2025-05-14T14:18:25Z")

</div>

Thanks, Dan. I think this is pretty simple. I’ve uploaded the project. [Here is the link](elementsapp://downloadDocument/6hUvmHtoXTSl).

I just need all of the text for each item in the store to be local font ‘ContoRegular’ and color Hex #333333. There are two hyperlinks at the bottom of each item but I suspect that will be automatically handled without having to specify them…or am I worng on that?

For your reference, [here is a link to the live store page](https://theelinerfactory.com/OnlineStore/). And here is a screen shot of the page in RWC:

 ![Order Page RWC](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/1/c/1cdb849b13144fc9d355ab2a87262fa2eda1510c.jpeg)

---

<div class="post-metadata">

**Author:** ![luckylindy](https://avatars.discourse-cdn.com/v4/letter/l/ad7895/32.png) [@luckylindy](https://forums.realmacsoftware.com/u/luckylindy)\
**Post date:** [May 14, 2025, 2:15pm UTC](https://forums.realmacsoftware.com/t/re-usability-of-site-pages-and-containers-a-la-pluskit/47544/9 "2025-05-14T14:15:33Z")

</div>

Thanks, Dan. I think this is pretty simple. I’ve uploaded the project. [Here is the link](elementsapp://downloadDocument/6hUvmHtoXTSl).

I just need all of the text for each item in the store to be local font ‘ContoRegular’ and color Hex #333333. There are two hyperlinks at the bottom of each item but I suspect that will be automatically handled without having to specify them…or am I worng on that?

For your reference, [here is a link to the live store page](https://theelinerfactory.com/OnlineStore/). And here is a screen shot of the page in RWC:

> **(attachments)**
>
> ![Order Page RWC.jpg](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/b/c/bc3404543b034fe63acfc3570f3524fea3c426a8.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:** [May 14, 2025, 5:15pm UTC](https://forums.realmacsoftware.com/t/re-usability-of-site-pages-and-containers-a-la-pluskit/47544/10 "2025-05-14T17:15:01Z")

</div>

Hi @luckylindy

You can paste the following code into the CSS area in the Extra Code window:

```auto
.ecwid div, .ecwid span, .ecwid a, .ecwid p, .ecwid h1 {
color: #333333 !important;
font-family: ContoRegular !important;
}

```

 ![CleanShot 2025-05-14 at 5 .57.20@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/5/25bba88af4de9156ab932b857da0f20b4c123528.jpeg)

However, there is one issue: “ContoRegular” doesn’t exist on your site, so you’ll need to add that to your site before the font will display correctly. How were you doing that in Classic?

Ecwid also has a [css styling cheat-sheet available here](https://support.ecwid.com/hc/en-us/articles/360000034499-Ecwid-CSS-Cookbook#-fonts), might be handy for future reference.

---

<div class="post-metadata">

**Author:** ![luckylindy](https://avatars.discourse-cdn.com/v4/letter/l/ad7895/32.png) [@luckylindy](https://forums.realmacsoftware.com/u/luckylindy)\
**Post date:** [May 14, 2025, 10:09pm UTC](https://forums.realmacsoftware.com/t/re-usability-of-site-pages-and-containers-a-la-pluskit/47544/11 "2025-05-14T22:09:17Z")

</div>

Thanks, Dan. In Classic, I had the font in Resources. I hadn’t added it to this test project yet. That would be via the Resources section, too? If so, I tried it and it didn’t work. It should work in Preview, correct? [Here is the link](elementsapp://downloadDocument/FEAOxJ0IbWO7) to the updated project.

---

<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:** [May 15, 2025, 11:15am UTC](https://forums.realmacsoftware.com/t/re-usability-of-site-pages-and-containers-a-la-pluskit/47544/12 "2025-05-15T11:15:07Z")

</div>

Hi @luckylindy

I updated your custom component to included the required code at the top!

```auto
@portal(headEnd)
    <style>
        @font-face {
        font-family: 'Conto-Regular';
        src: url('resources/fonts/Conto-Regular.woff') format('woff');
        font-weight: normal;
        font-style: normal;
        }

        .ecwid div, .ecwid span, .ecwid a, .ecwid p, .ecwid h1 {
        color: #ff0000 !important;
        font-family: Conto-Regular !important;
        }
    </style>
@endportal

<div id="my-store-78739515"></div>
<div>
<script data-cfasync="false" type="text/javascript" src="https://api-e.lightspeed.app/script.js?78739515&data_platform=code&data_date=2025-05-13" charset="utf-8"></script><script type="text/javascript"> xProductBrowser("categoriesPerRow=3","views=grid(20,3) list(60) table(60)","categoryView=grid","searchView=list","id=my-store-78739515");</script>
</div>

```

And [here’s the working project](elementsapp://downloadDocument/SDODIEji6cs7) for you.

---

<div class="post-metadata">

**Author:** ![luckylindy](https://avatars.discourse-cdn.com/v4/letter/l/ad7895/32.png) [@luckylindy](https://forums.realmacsoftware.com/u/luckylindy)\
**Post date:** [May 15, 2025, 1:12pm UTC](https://forums.realmacsoftware.com/t/re-usability-of-site-pages-and-containers-a-la-pluskit/47544/13 "2025-05-15T13:12:15Z")

</div>

Thanks Dan. This does it, mostly, except for one thing: After I changed the code to my desired text color (#333333), the text changes _everywhere_, including the hyperlinks at the bottom and, more important, the ‘Add to Bag’ button at the bottom right.

It seems to me that taking the load off of RealMac support, Ecwid’s code solution should have worked. Is there something in Tailwind or yor implementation for [Elements](https://elementsapp.io/) that makes it so that I have to bug you for additional help? 🙁

Best,  
 ![Jay Sig](https://jaylindell.com/jaySig-2.jpg)