Issues with styling the input email

further to the above, the site I am working on is:
Jo Daly Interiors

Also further to this, how do I align the email input and the submit button. Thanks!

Hi amiddayinmay,

The website you mentioned is still under construction so there’s not much I see from there. Have you checked the source code in your browser to see what’s being outputted? Could you show me a live page where this is happening?

Hi iMazed,

I have just taken the site off maintenance mode. So you should be able to see it at the bottom of the front page! Thanks so much for taking the time to have a look.

Hi amiddayinmay,

First thing I notice is that you forgot a semicolon in the CSS code you mentioned, right behind max-width: 30%;. This should fix your max-width issue.

Second is that I cannot seem to find that particular piece of code in your live site. How are you inserting this custom code? Make sure you’re targetting the right elements, and that the stylesheet you’re using (I’m guessing you’re using a child theme CSS document?) is being read.

Third: to center the input field, add margin: auto; to the same element you set to max-width: 30%;.

That should do it!

Hi iMazed,

Thanks so much for that! It fixed the width, but didn’t fix the alignment, would you mind having another look! the code should be in there now, as I took it out previously (hence why you could not see it)

Thanks so much!