# Better UI and UX in new listing form

**URL:** <https://community.hivepress.io/t/better-ui-and-ux-in-new-listing-form/14077>\
**Category:** HivePress\
**Created:** [December 27, 2024, 9:59am UTC](https://community.hivepress.io/t/better-ui-and-ux-in-new-listing-form/14077 "2024-12-27T09:59:52Z")\
**Posts on this page:** 1\
**Showing post:** 7

<div class="post-metadata">

**Author:** ![condorito.fr](https://community.hivepress.io/user_avatar/community.hivepress.io/condorito.fr/32/11449_2.png) [@condorito.fr](https://community.hivepress.io/u/condorito.fr)\
**Post date:** [December 30, 2024, 2:47pm UTC](https://community.hivepress.io/t/better-ui-and-ux-in-new-listing-form/14077/7 "2024-12-30T14:47:25Z")

</div>

Yes, it works.  
Not the most simplistic way, but it works.  
I attached my test screenshot for those interested.

 ![image](https://community.hivepress.io/uploads/default/original/2X/c/c820d6156698e243ee206ada80afed981fef1659.png)

And the CSS code to copy/paste ( and edit to your need) :

```auto
.hp-form__field:nth-of-type(3), .hp-form__field:nth-of-type(4) {
    border: 1px solid red;
    display: inline-block;
    width: 48%;
    margin-right: 2%;
    vertical-align: top;
}

```

I figured out I would have to use the :nth-child CSS attribute, but your solution works just as well.

Thank you for that !

Now, how do I set up a **default value for an attribute** in a list ? It’s tedious to have to select it over and over again.

Say I have a listing with a delivery\_time attribute, and I want to set its default value to one of its option value having 123 as ID.

I’ve checked the forum, [found this](https://community.hivepress.io/t/set-default-values-for-attributes/1115), but could not make it work.

---

_[View the full topic](https://community.hivepress.io/t/better-ui-and-ux-in-new-listing-form/14077)._