# Header box and background color

**URL:** <https://forums.realmacsoftware.com/t/header-box-and-background-color/53080>\
**Category:** Elements\
**Created:** [December 8, 2025, 7:09pm UTC](https://forums.realmacsoftware.com/t/header-box-and-background-color/53080 "2025-12-08T19:09:19Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![traut](https://avatars.discourse-cdn.com/v4/letter/t/f475e1/32.png) [@traut](https://forums.realmacsoftware.com/u/traut)\
**Post date:** [December 8, 2025, 7:09pm UTC](https://forums.realmacsoftware.com/t/header-box-and-background-color/53080/1 "2025-12-08T19:09:19Z")

</div>

Someone on the forum created a header banner (at top of attached pic), but the logo was too small and I wanted to redo it with larger logo (beneath first header). I can’t get the title to be centered in text box, or add background color

 ![Screenshot 2025-12-08 at 1.58.09 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/7/c7b473479a689410bccb9d0081eda2dc48202113.png)

.

---

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [December 8, 2025, 7:12pm UTC](https://forums.realmacsoftware.com/t/header-box-and-background-color/53080/2 "2025-12-08T19:12:35Z")

</div>

Select the image, adjust size. The image can go much bigger.

 ![Screenshot 2025-12-08 at 14.11.28](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/1/21101f5f93a339edcc38a6d75e688fa1cbb12188.jpeg)

---

<div class="post-metadata">

**Author:** ![traut](https://avatars.discourse-cdn.com/v4/letter/t/f475e1/32.png) [@traut](https://forums.realmacsoftware.com/u/traut)\
**Post date:** [December 9, 2025, 8:01pm UTC](https://forums.realmacsoftware.com/t/header-box-and-background-color/53080/3 "2025-12-09T20:01:49Z")

</div>

I had already made the image larger.

The problem is centering the title within the text box, and adding background color to that text box, as in the example above, in same pic.

---

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [December 9, 2025, 8:28pm UTC](https://forums.realmacsoftware.com/t/header-box-and-background-color/53080/4 "2025-12-09T20:28:56Z")

</div>

Background Color:

 ![Screenshot 2025-12-09 at 15.22.39](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/9/f9578b02526ac803936c3cc7ee4803ff750d9ad5.jpeg)

Working on the centering…Might have to switch to Grid Component

---

<div class="post-metadata">

**Author:** ![traut](https://avatars.discourse-cdn.com/v4/letter/t/f475e1/32.png) [@traut](https://forums.realmacsoftware.com/u/traut)\
**Post date:** [December 10, 2025, 12:03pm UTC](https://forums.realmacsoftware.com/t/header-box-and-background-color/53080/6 "2025-12-10T12:03:09Z")

</div>

My background does not have the option that you show for flex

 ![Screenshot 2025-12-10 at 7.01.44 AM.png](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/7/579b044e8b9cbb744e85b615028d15584f7221e2.png)

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [December 10, 2025, 12:21pm UTC](https://forums.realmacsoftware.com/t/header-box-and-background-color/53080/7 "2025-12-10T12:21:34Z")

</div>

Click static, you will have background options then

---

<div class="post-metadata">

**Author:** ![traut](https://avatars.discourse-cdn.com/v4/letter/t/f475e1/32.png) [@traut](https://forums.realmacsoftware.com/u/traut)\
**Post date:** [December 10, 2025, 3:10pm UTC](https://forums.realmacsoftware.com/t/header-box-and-background-color/53080/8 "2025-12-10T15:10:09Z")

</div>

That works.  
If text box is just inside a container, can I still get Bgd color?

---

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [December 10, 2025, 3:14pm UTC](https://forums.realmacsoftware.com/t/header-box-and-background-color/53080/9 "2025-12-10T15:14:48Z")

</div>

Yes. Select the Container (or Flex or Grid), then add background to it. The text box will pick up that background color.

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [December 10, 2025, 3:15pm UTC](https://forums.realmacsoftware.com/t/header-box-and-background-color/53080/10 "2025-12-10T15:15:53Z")

</div>

There is no background option for a text component, yet??? In the video I added a bg-blue-200 class under the advanced for the text component

The flex provides background Color for the text otherwise

---

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [December 10, 2025, 3:24pm UTC](https://forums.realmacsoftware.com/t/header-box-and-background-color/53080/11 "2025-12-10T15:24:59Z")

</div>

> [@traut](#):
>
> The problem is centering the title within the text box, and adding background color to that text box, as in the example above, in same pic.

See if this works for you: [elementsapp://downloadDocument/zrPGpfQSapCN](elementsapp://downloadDocument/zrPGpfQSapCN)

---

<div class="post-metadata">

**Author:** ![traut](https://avatars.discourse-cdn.com/v4/letter/t/f475e1/32.png) [@traut](https://forums.realmacsoftware.com/u/traut)\
**Post date:** [December 10, 2025, 3:31pm UTC](https://forums.realmacsoftware.com/t/header-box-and-background-color/53080/12 "2025-12-10T15:31:14Z")

</div>

With a Flex box at 2 columns, how do I size the columns to be same width?

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [December 10, 2025, 3:35pm UTC](https://forums.realmacsoftware.com/t/header-box-and-background-color/53080/13 "2025-12-10T15:35:17Z")

</div>

Sorry but you seem to be asking different questions

Is this something different now

---

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [December 10, 2025, 3:38pm UTC](https://forums.realmacsoftware.com/t/header-box-and-background-color/53080/14 "2025-12-10T15:38:40Z")

</div>

Not 100% sure on that one. I can do that with a grid…

I think flex dynamically sizes itself…but check sizing property for the flex component

See also: [https://v3.tailwindcss.com/docs/flex-basis](https://v3.tailwindcss.com/docs/flex-basis)

---

<div class="post-metadata">

**Author:** ![traut](https://avatars.discourse-cdn.com/v4/letter/t/f475e1/32.png) [@traut](https://forums.realmacsoftware.com/u/traut)\
**Post date:** [December 10, 2025, 3:41pm UTC](https://forums.realmacsoftware.com/t/header-box-and-background-color/53080/15 "2025-12-10T15:41:59Z")

</div>

Also: how do I make our company

 ![Screenshot 2025-12-10 at 10.39.07 AM.png](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/7/1/71c3b8678bcccbaedee6db61e8dc928f14eb81b0.png)

email into a link?

---

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [December 10, 2025, 3:48pm UTC](https://forums.realmacsoftware.com/t/header-box-and-background-color/53080/17 "2025-12-10T15:48:33Z")

</div>

Click on the image, then click on link in the properties window, click on choose link, then select url, and edit to read `mailto:InsertEmailHere`

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [December 10, 2025, 4:56pm UTC](https://forums.realmacsoftware.com/t/header-box-and-background-color/53080/19 "2025-12-10T16:56:55Z")

</div>

this should be in Elements not Classic

---

<div class="post-metadata">

**Author:** ![traut](https://avatars.discourse-cdn.com/v4/letter/t/f475e1/32.png) [@traut](https://forums.realmacsoftware.com/u/traut)\
**Post date:** [December 12, 2025, 9:07pm UTC](https://forums.realmacsoftware.com/t/header-box-and-background-color/53080/20 "2025-12-12T21:07:22Z")

</div>

Because there is no user manual for elements, it is difficult for users to know what “thought” is necessary for many steps.  
You sent me the menu for my website in attached. I would like to use this, but several questions about this.  
How do I remove old menu box? You see that clicking “remove menu” has no result.  
How do I delete “My Website” from your menu box?  
How do I make text box for company name, at top, larger?

---

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [December 12, 2025, 9:20pm UTC](https://forums.realmacsoftware.com/t/header-box-and-background-color/53080/21 "2025-12-12T21:20:07Z")

</div>

> [@traut](#):
>
> Because there is no user manual for elements, it is difficult for users to know what “thought” is necessary for many steps.

> **[Welcome | RapidWeaver Elements Docs](https://docs.realmacsoftware.com/elements-docs)**
>
> RapidWeaver Elements is a no-code website builder for macOS

[Elements Tutorials on YouTube](https://www.youtube.com/playlist?list=PLlqV01jBZsjAODafdmCOpU7dYxqiB6y02)

> [@traut](#):
>
> How do I delete “My Website” from your menu box?

 ![Screenshot 2025-12-12 at 16.15.16](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/2/c293a10bdab1badc8250408672170d499a422ab6.png)

Click on Show Project Settings

 ![Screenshot 2025-12-12 at 16.15.39](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/7/1/71c3b5efa768818a109430480c0eefbe37e1e97f.jpeg)

Change or Delete what is in the title box

> [@traut](#):
>
> How do I remove old menu box? You see that clicking “remove menu” has no result.  
> How do I make text box for company name, at top, larger?

Not 100% sure what you mean here? For larger, do you mean larger size of the font??
