Form Tabs Widget forcing uppercase letter on tab names

Hi - I know this is a small thing, but it's important to us!

I have a form that is using the Tabs widget. As you can see, the tab titles for tabs 2 and 3 have our program name, P.ink spelled with a lower case "i". However on the form the tab names appear with an uppercase "I" which is not correct nor on brand.

I've tried using a dash, or just a space between (not desirable but better than the uppercase I) and the same thing happens.

Can you help?

Hi pinkforms,

Thanks for reaching out to us for help. I am currently investigating on your issue and need more time. I will get back to you shortly.

Let us know if there’s anything else we can help you with. 

Hi pinkforms,

Thanks for waiting. I was able to reproduce the issue both on the original and cloned form. Upon testing, I noticed that the issue was not occurring when the form was viewed using the Safari browser. All other browsers show the letter I in caps. Here's a screenshot of the form in the Safari Browser:

The issue might be browser-controlled rendering. We can prevent this by injecting these CSS codes into your form:

#form-tab-2 > div.liContent, #form-tab-3 > div.liContent {

 text-transform: none;

}

Let me show you how to inject CSS codes into your form:

1. Click on the Paint Roller icon on the right side of the page.
2. In the menu, go to Styles.
3. Scroll down to the button and paste the code inside the custom CSS box.

Give it a try and let us know if you need any help.

Awesome! Thanks so much. That worked.