# Text style in menu as active

**URL:** <https://forums.realmacsoftware.com/t/text-style-in-menu-as-active/51746>\
**Category:** Elements\
**Created:** [October 16, 2025, 7:11am UTC](https://forums.realmacsoftware.com/t/text-style-in-menu-as-active/51746 "2025-10-16T07:11:52Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Multiferry](https://avatars.discourse-cdn.com/v4/letter/m/ccd318/32.png) [@Multiferry](https://forums.realmacsoftware.com/u/Multiferry)\
**Post date:** [October 16, 2025, 7:11am UTC](https://forums.realmacsoftware.com/t/text-style-in-menu-as-active/51746/1 "2025-10-16T07:11:52Z")

</div>

Dear all, I would appreciate some more text styles when a site in the menu is active. Italic, bold or size would be very helpful.

---

<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:** [October 16, 2025, 9:33am UTC](https://forums.realmacsoftware.com/t/text-style-in-menu-as-active/51746/2 "2025-10-16T09:33:52Z")

</div>

I think you need to highlight text box in your component and sidebar comes up with all of this including fonts and colours too

 ![Screenshot 2025-10-16 at 10.32.48](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/b/8/b8abc3d9133f99ecd111a533d1acbe465f61c9bb.png)

---

<div class="post-metadata">

**Author:** ![Multiferry](https://avatars.discourse-cdn.com/v4/letter/m/ccd318/32.png) [@Multiferry](https://forums.realmacsoftware.com/u/Multiferry)\
**Post date:** [October 16, 2025, 10:37am UTC](https://forums.realmacsoftware.com/t/text-style-in-menu-as-active/51746/3 "2025-10-16T10:37:31Z")

</div>

I meant the text in the menu bar.😀

---

<div class="post-metadata">

**Author:** ![jbyfield](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbyfield/32/82_2.png) [@jbyfield](https://forums.realmacsoftware.com/u/jbyfield)\
**Post date:** [October 16, 2025, 10:52am UTC](https://forums.realmacsoftware.com/t/text-style-in-menu-as-active/51746/4 "2025-10-16T10:52:34Z")

</div>

You should have these options for the menu text?

 ![Untitled 2](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/1/f12f109a555aa7fe64dcd53316aecb2bb58295c1.jpeg)

---

<div class="post-metadata">

**Author:** ![Multiferry](https://avatars.discourse-cdn.com/v4/letter/m/ccd318/32.png) [@Multiferry](https://forums.realmacsoftware.com/u/Multiferry)\
**Post date:** [October 16, 2025, 11:56am UTC](https://forums.realmacsoftware.com/t/text-style-in-menu-as-active/51746/5 "2025-10-16T11:56:24Z")

</div>

Yes I know. But I desire options just more than underlined. This looks pretty ugly. Bold and another size or spacing would be fine.

---

<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:** [October 16, 2025, 1:02pm UTC](https://forums.realmacsoftware.com/t/text-style-in-menu-as-active/51746/6 "2025-10-16T13:02:31Z")

</div>

weight adjuster is light to bold

---

<div class="post-metadata">

**Author:** ![Multiferry](https://avatars.discourse-cdn.com/v4/letter/m/ccd318/32.png) [@Multiferry](https://forums.realmacsoftware.com/u/Multiferry)\
**Post date:** [October 17, 2025, 5:38am UTC](https://forums.realmacsoftware.com/t/text-style-in-menu-as-active/51746/7 "2025-10-17T05:38:56Z")

</div>

Right. But only for both situations. Active and non active.

---

<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:** [October 17, 2025, 9:08am UTC](https://forums.realmacsoftware.com/t/text-style-in-menu-as-active/51746/8 "2025-10-17T09:08:19Z")

</div>

@elementsbot can you assist here?

---

<div class="post-metadata">

**Author:** ![elementsbot](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/elementsbot/32/33134_2.png) [@elementsbot](https://forums.realmacsoftware.com/u/elementsbot)\
**Post date:** [October 17, 2025, 9:08am UTC](https://forums.realmacsoftware.com/t/text-style-in-menu-as-active/51746/9 "2025-10-17T09:08:33Z")

</div>

Hey there! It sounds like Multiferry is looking to customize the text style specifically for active menu items. You can achieve a more dynamic menu design using Tailwind CSS classes in Elements. Here’s a quick way to apply different styles when a menu item is active:

1. **Access the Menu Component** : Click on your menu component within Elements.

2. **Use Tailwind CSS Classes** : Add utility classes to style active items differently. You can use classes like `font-bold`, `underline`, `text-lg` for size, or `tracking-wider` for spacing adjustments.

3. **Active State Customization** : Use the `active` variant of Tailwind to style active states, such as `active:font-bold` or `active:text-xl`.

If you’re feeling adventurous, you can even use Alpine.js to toggle more custom behaviors based on state changes. But for most needs, Tailwind’s variants should do the trick.

Give it a go, and let me know if you need some code snippets! Happy styling! 🎨

---

<div class="post-metadata">

**Author:** ![jbyfield](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbyfield/32/82_2.png) [@jbyfield](https://forums.realmacsoftware.com/u/jbyfield)\
**Post date:** [October 17, 2025, 10:22am UTC](https://forums.realmacsoftware.com/t/text-style-in-menu-as-active/51746/10 "2025-10-17T10:22:18Z")

</div>

I misread the original question so sorry Mr Ferry. Do agree with you so may have to try some of those Bot suggestions myself.

---

<div class="post-metadata">

**Author:** ![Multiferry](https://avatars.discourse-cdn.com/v4/letter/m/ccd318/32.png) [@Multiferry](https://forums.realmacsoftware.com/u/Multiferry)\
**Post date:** [October 17, 2025, 11:20am UTC](https://forums.realmacsoftware.com/t/text-style-in-menu-as-active/51746/11 "2025-10-17T11:20:27Z")

</div>

> [@elementsbot](#):
>
> Tailwind CSS Classes

Thanx. I try to work that out
