# Hint replacement help

**URL:** <https://community.glideapps.com/t/hint-replacement-help/67967>\
**Category:** Ask for Help\
**Created:** [November 20, 2023, 12:13pm UTC](https://community.glideapps.com/t/hint-replacement-help/67967 "2023-11-20T12:13:00Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![MattLB](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mattlb/32/41284_2.png) [@MattLB](https://community.glideapps.com/u/MattLB)\
**Post date:** [November 20, 2023, 12:13pm UTC](https://community.glideapps.com/t/hint-replacement-help/67967/1 "2023-11-20T12:13:00Z")

</div>

I use this style (in a template with rich text field) as a substitute for the Hint when I need more than 1 text field in the new Glide (more important know that Classic is EOL). Unfortunately I do not know how to add padding to the top and bottom to make it look better. Is there something obvious Ito fix this.

TIA

"\<div style=“border-radius: 8px; background: #E5E4E2;  
font-family: “Verdana”, Verdana, sans;  
font-size: 14px;  
width: 100%; padding-top: 100px;  
border: 1px solid #E5E4E2;  
margin: 16px;”\>

 "

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/b/0b897ce65715cc645f22126b0067dfcaaf7e036d.png)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [November 20, 2023, 11:30pm UTC](https://community.glideapps.com/t/hint-replacement-help/67967/2 "2023-11-20T23:30:24Z")

</div>

Can you try adding `<br>` tags to the start and end of your code?

---

<div class="post-metadata">

**Author:** ![MattLB](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mattlb/32/41284_2.png) [@MattLB](https://community.glideapps.com/u/MattLB)\
**Post date:** [November 20, 2023, 11:37pm UTC](https://community.glideapps.com/t/hint-replacement-help/67967/3 "2023-11-20T23:37:32Z")

</div>

Like minds Thinh - I did but it didn’t look that good. I need a 1/2 size font to pad the top and bottom. Otherwise I will stick with the squeezed look.

Thanks for getting back.

---

<div class="post-metadata">

**Author:** ![AdamMartin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/adammartin/32/66650_2.png) [@AdamMartin](https://community.glideapps.com/u/AdamMartin)\
**Post date:** [November 20, 2023, 11:43pm UTC](https://community.glideapps.com/t/hint-replacement-help/67967/4 "2023-11-20T23:43:58Z")

</div>

Without trying… I think you need to put an additional div inside your existing div and then add style to that…something like:

```auto
<div style=“border-radius: 8px; background: #E5E4E2;
font-family: “Verdana”, Verdana, sans;
font-size: 14px;
width: 100%; padding-top: 100px;
border: 1px solid #E5E4E2;
margin: 16px;”>
<div style="padding: 0 7px 7px 0"> **YOUR CONTENT HERE** </div>
</div>

```

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [November 22, 2023, 10:41pm UTC](https://community.glideapps.com/t/hint-replacement-help/67967/5 "2023-11-22T22:41:41Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/b/7b450827e07ca021ec20ba5b2a9978344f7c622d.png)

```auto
<div style="border-radius: 8px; background: #E5E4E2; font-family: 'Verdana', Verdana, sans; font-size: 14px; width: 100%; padding: 30px; border: 1px solid #E5E4E2; margin: 16px;text-align:center">
11/29 - Nth - Customer<br>
Starts: 11:00 AM<br>
Location: Venue
</div>

```

This is with padding: 30px.