Light Box Form text box styling | Community
Skip to main content
New Participant
March 24, 2021
Solved

Light Box Form text box styling

  • March 24, 2021
  • 1 reply
  • 3677 views

Hello,

We seem to be having issues with our form text boxes showing up on our website very large (See below). When I'm in marketo this isn't how it looks, do we know of any solutions that could fix this or where I could go to possibly fix this issue. Thank you!

 

 

Best answer by Dave_Roberts

This almost certainly has something to do with your website styling. You can use the inspector tool to have a look at the inputs to see what is causing them to be so tall and fix the issue there. Whoever has knowledge of your website CSS is probably going to be the most helpful in this situation to troubleshoot the issue.

 

I think what you're seeing here is that Marketo comes with it's own set of styling, but very often when you embed a form on a website there is a conflict with the website stylesheet and the styles from Marketo. 

 

Here's a look for example at this page in the inspector pointing out the CSS for the height of the "Subject" input. There is probably something like this (maybe a "min-height") rule on your webpage that's causing the fields to be so tall.

 

 

1 reply

SanfordWhiteman
New Participant
March 24, 2021

A link to the page would be necessary. Can't troubleshoot a screenshot!

mhardyAuthor
New Participant
March 24, 2021

We currently have this on a test page(which isn't public), as we are testing the ability of it. Do you happen to have any solutions you could think of without looking at the page?

 

 

Dave_Roberts
Dave_RobertsAccepted solution
New Participant
March 24, 2021

This almost certainly has something to do with your website styling. You can use the inspector tool to have a look at the inputs to see what is causing them to be so tall and fix the issue there. Whoever has knowledge of your website CSS is probably going to be the most helpful in this situation to troubleshoot the issue.

 

I think what you're seeing here is that Marketo comes with it's own set of styling, but very often when you embed a form on a website there is a conflict with the website stylesheet and the styles from Marketo. 

 

Here's a look for example at this page in the inspector pointing out the CSS for the height of the "Subject" input. There is probably something like this (maybe a "min-height") rule on your webpage that's causing the fields to be so tall.