# What do I name this lol

**URL:** <https://forum.finsweet.com/t/what-do-i-name-this-lol/1633>\
**Category:** Client-First\
**Created:** [July 14, 2023, 2:23am UTC](https://forum.finsweet.com/t/what-do-i-name-this-lol/1633 "2023-07-14T02:23:31Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Keithen](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/keithen/32/315_2.png) [@Keithen](https://forum.finsweet.com/u/Keithen)\
**Post date:** [July 14, 2023, 2:23am UTC](https://forum.finsweet.com/t/what-do-i-name-this-lol/1633/1 "2023-07-14T02:23:31Z")

</div>

I don’t know if this is a valuable post, but I’m struggling with naming a specific thing. I’ve reviewed the Core Structure \> section\_[section-identifier] Docs and I’m still not sure if I’m overthinking this element.

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/finsweet1/original/2X/a/ab93a950f83847d52871c5c53e9547b834ef731f.jpeg)

Right now the element is called `.section_container` and its purpose is to be the container/wrapper/background of almost every section, to avoid recreating this look for every `.section_` since it’d be redundant.

calling it `.background-color-[identifier]` wouldn’t be useful cause there’s so much more to it than just changing the color. It’s transparent, it has a blur, it has shadows, and when the user swaps to dark mode, it gets the class `.is-dark`.

So that’s where my brain just stops. Does anyone have any suggestions on what to call it? Or should I just leave it as `.section_container`?

---

<div class="post-metadata">

**Author:** ![josephmukunga](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/josephmukunga/32/522_2.png) [@josephmukunga](https://forum.finsweet.com/u/josephmukunga)\
**Post date:** [July 14, 2023, 10:16pm UTC](https://forum.finsweet.com/t/what-do-i-name-this-lol/1633/2 "2023-07-14T22:16:54Z")

</div>

Hello @Keithen , here are a few suggestion from chatGPT

1. `.section_background`: This name emphasizes the element’s purpose as a background container for sections. It retains the original naming convention but adds clarity.
2. `.section_wrapper`: This name suggests that the element serves as a wrapper around sections. It implies that it provides a common structure or layout for multiple sections.
3. `.section_overlay`: If the element has a transparent or semi-transparent background with blur and shadows, this name could reflect its overlay-like appearance.
4. `.section_themeable`: This name suggests that the element is designed to be easily customized or themed based on color schemes, modes, and other visual attributes.
5. `.section_frame`: This name conveys the idea of the element as a frame or border that surrounds and enhances the sections it contains.

---

<div class="post-metadata">

**Author:** ![Keithen](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/keithen/32/315_2.png) [@Keithen](https://forum.finsweet.com/u/Keithen)\
**Post date:** [July 17, 2023, 4:09pm UTC](https://forum.finsweet.com/t/what-do-i-name-this-lol/1633/3 "2023-07-17T16:09:16Z")

</div>

This are all perfect! Thank you for the suggestions and help, it has been beautiful!