Streaming live at 10am (PST)

Help centering an input box within a form container


#1

Hi,

I followed the tutorial to create this nice-looking email input box. I'd like to center it in the form element, but I can't figure out how to do it.

Thanks for any help!
Doug


#2

can you give us a link to your webflow project?


#3

Sure -- I've enabled the public view. The URL is:

https://webflow.com/design/alluringaudio?preview=6e7f6571d70bbaafe8cb2cbc1f197871


#4

Hi there, I was able to make a few changes in css properties, to get the desired effect. I just show the property values in the images below:

For input field:

For Submit Button:

I added radius to the Submit Button also:

and then preview:

Hope that helps, there may be other ways to do it, by perhaps checking the css more thoroughly..

Cheers


#5

Wow! Dave, that's fantastic. Thanks so much for that... I look forward to trying it out tomorrow.

Doug


#6

lol, i just read the ad....


#7

now web design gets funky smile


#8

lol!

even when making a screenshot, you didn't read the ad? =P


#9

Well, you've discovered our stealth marketing strategy to go after sophisticated web designers / developers smiley


#10

i see only the code... and guess the rest smile


#11