# Width of custom ID element

**URL:** <https://community.sitejet.io/t/width-of-custom-id-element/533>\
**Category:** Website Builder\
**Created:** [July 11, 2021, 2:35pm UTC](https://community.sitejet.io/t/width-of-custom-id-element/533 "2021-07-11T14:35:01Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![David\_Stoltz](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/david_stoltz/32/171_2.png) [@David\_Stoltz](https://community.sitejet.io/u/David_Stoltz)\
**Post date:** [July 11, 2021, 2:35pm UTC](https://community.sitejet.io/t/width-of-custom-id-element/533/1 "2021-07-11T14:35:01Z")

</div>

Please refer to below image…on desktop the containers display the text fine - lower breakpoints the text wrap, but you can see there is plenty of space to increase the width of the elements for both the contains (arrow 1) and/or the text element (arrow 2).

I’ve assigned a unique class name to the text element, but can’t seem to find where I can increase or change the width of this element - or the width of the parent container…

I’m not sure if this is a flexbox thing, or a CSS thing? Any help appreciated.

 ![width](https://europe1.discourse-cdn.com/flex017/uploads/sitejet/original/1X/61fdaf16fe3866edd0a08a736301e5535d9b9998.jpeg)

---

<div class="post-metadata">

**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\
**Post date:** [May 17, 2024, 9:06am UTC](https://community.sitejet.io/t/width-of-custom-id-element/533/2 "2024-05-17T09:06:08Z")

</div>