Streaming live at 10am (PST)

Help needed for Alpha template Text box within background video

We need advise on how to make text in a text box div within in a background video section: (1) have a color that is not transparent (when i try to select color Golden rod, it appears transparent not solid) and; (2) responsive across all view screen sizes. Your help is much appreciated!

share read-only link below:

https://preview.webflow.com/preview/deft-ux-design?utm_medium=preview_link&utm_source=designer&utm_content=deft-ux-design&preview=dd1ea536d47b89511992ab9809c8b8d9&mode=preview


Here is my site Read-Only: [LINK][1]

https://preview.webflow.com/preview/deft-ux-design?utm_medium=preview_link&utm_source=designer&utm_content=deft-ux-design&preview=dd1ea536d47b89511992ab9809c8b8d9&mode=preview

When changing the text field background color it seems to be fully opaque, however you have a grayscale filter applied on the background video element that is causing it’s children (in this case, the vibrant gold text field) to appear washed out:

image

In terms of getting the text field to respond more appropriately, one change that may help out is setting the background video element to display: flex which would allow for easier alignment of its children elements. I’d also recommend adjusting the text content to remove the additional spaces between each line, and instead set the line-height to 1- which will prevent each line from overlapping the next.

Do you have reference imagery for what you’re wanting it to look like?

Thank you Mike for responding so quickly. Yes we have have reference imagery for what the final product should look like. Your help is much appreciated.