Hint replacement help

Ask for Help
1

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

2

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

3

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.

4

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

<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>
5

image
image1331×909 56.9 KB

<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.

2 Likes