# Pill Style Inputs on Foundation Forms

**URL:** <https://forums.realmacsoftware.com/t/pill-style-inputs-on-foundation-forms/30992>\
**Category:** RapidWeaver Classic\
**Created:** [February 4, 2020, 1:03am UTC](https://forums.realmacsoftware.com/t/pill-style-inputs-on-foundation-forms/30992 "2020-02-04T01:03:42Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![dropgates](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dropgates/32/34206_2.png) [@dropgates](https://forums.realmacsoftware.com/u/dropgates)\
**Post date:** [February 4, 2020, 1:03am UTC](https://forums.realmacsoftware.com/t/pill-style-inputs-on-foundation-forms/30992/1 "2020-02-04T01:03:42Z")

</div>

Does anyone know how to radius the edges on the input areas in a Foundation form? I’d like them to be a pill, but can’t get it to work.

I gave each input a class of pill and used:

.pill {  
border-radius: 16px;  
}

My project is here: [https://one11sandbox.com/sspros/](https://one11sandbox.com/sspros/)

---

<div class="post-metadata">

**Author:** ![DLH](https://avatars.discourse-cdn.com/v4/letter/d/b5e925/32.png) [@DLH](https://forums.realmacsoftware.com/u/DLH)\
**Post date:** [February 4, 2020, 1:35am UTC](https://forums.realmacsoftware.com/t/pill-style-inputs-on-foundation-forms/30992/2 "2020-02-04T01:35:09Z")

</div>

Try this:

```
.pill input {
    border-radius: 16px !important;
    padding-left: 12px;
}

```

The left padding is to align the text in the box a bit. You can adjust to your liking.

---

<div class="post-metadata">

**Author:** ![dropgates](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dropgates/32/34206_2.png) [@dropgates](https://forums.realmacsoftware.com/u/dropgates)\
**Post date:** [February 4, 2020, 1:59am UTC](https://forums.realmacsoftware.com/t/pill-style-inputs-on-foundation-forms/30992/3 "2020-02-04T01:59:02Z")

</div>

Don,  
YOU ROCK!!! Thank you, it looks fantastic!!

> [@DLH](#):
>
> .pill input { border-radius: 16px !important; padding-left: 12px; }

---

<div class="post-metadata">

**Author:** ![joeworkman](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/joeworkman/32/23780_2.png) [@joeworkman](https://forums.realmacsoftware.com/u/joeworkman)\
**Post date:** [February 5, 2020, 6:03am UTC](https://forums.realmacsoftware.com/t/pill-style-inputs-on-foundation-forms/30992/4 "2020-02-05T06:03:25Z")

</div>

A border-radius of 50% would be better…

---

<div class="post-metadata">

**Author:** ![dropgates](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dropgates/32/34206_2.png) [@dropgates](https://forums.realmacsoftware.com/u/dropgates)\
**Post date:** [February 5, 2020, 6:14am UTC](https://forums.realmacsoftware.com/t/pill-style-inputs-on-foundation-forms/30992/5 "2020-02-05T06:14:07Z")

</div>

ok, Thanks @joeworkman

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/system/32/25301_2.png) [@system](https://forums.realmacsoftware.com/u/system)\
**Post date:** [March 6, 2020, 4:14pm UTC](https://forums.realmacsoftware.com/t/pill-style-inputs-on-foundation-forms/30992/6 "2020-03-06T16:14:14Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.