# Universal element

**URL:** <https://forum.bricksbuilder.io/t/universal-element/10157>\
**Category:** Feature Requests / Improvements\
**Created:** [February 20, 2023, 5:26pm UTC](https://forum.bricksbuilder.io/t/universal-element/10157 "2023-02-20T17:26:01Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![parktechno](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/p/7feea3/32.png) [@parktechno](https://forum.bricksbuilder.io/u/parktechno)\
**Post date:** [February 20, 2023, 5:26pm UTC](https://forum.bricksbuilder.io/t/universal-element/10157/1 "2023-02-20T17:26:01Z")

</div>

Hi all!

Let’s add an element to work, which will have universal settings without adding extra built-in html tags and specific properties. From time to time I come across tasks where I need to output content, including composite content, but none of the existing elements are suitable. Either there are not enough settings, or they are unnecessary.

For example, I want to output the price of a product, which contains four separate elements, each of which needs its own class. Now it can be solved with a text element, but I have to add html tags manually and also manually write styles for them.

![Screenshot_2](https://forum.bricksbuilder.io/uploads/default/original/2X/6/63fd6503ba0adb9c5427d9a1c1af211b9ea870c7.jpeg)  
 ![Screenshot_1](https://forum.bricksbuilder.io/uploads/default/original/2X/9/98b026f7234c2cf18b8d92c945f62f3c1de61042.jpeg)

For such tasks, it would be much more convenient to use 5 separate elements with basic settings in the designer and end up with one composite div with clean code and necessary styles.

```auto
<div>
    <span class="price-number">{cf__regular_price}</span>
    <span class="price-symbol">{echo:get_woocommerce_currency_symbol()}</span>
    <span class="price-separator">/</span>
    <span class="price-unit">{cf_unit}</span>
</div>

```

Don’t pass by and click here to like it if you support the idea! 🙂

---

<div class="post-metadata">

**Author:** ![clickfusion63](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/c/3ab097/32.png) [@clickfusion63](https://forum.bricksbuilder.io/u/clickfusion63)\
**Post date:** [February 21, 2023, 2:34pm UTC](https://forum.bricksbuilder.io/t/universal-element/10157/2 "2023-02-21T14:34:34Z")

</div>

![2023-02-21_18-32-47](https://forum.bricksbuilder.io/uploads/default/original/2X/4/4e0e57eca17d7445329e56dec63f81c26a0574b2.png)

---

<div class="post-metadata">

**Author:** ![jaclas](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/jaclas/32/7215_2.png) [@jaclas](https://forum.bricksbuilder.io/u/jaclas)\
**Post date:** [February 21, 2023, 2:43pm UTC](https://forum.bricksbuilder.io/t/universal-element/10157/3 "2023-02-21T14:43:42Z")

</div>

Try use section template ande Template element in pages.