input[type="email"] at width: 100%; cut on the left

Hi Hadas,

I really want it to be 100% width but the left border of that field is missing and I can’t find the problem.

There’s some padding that’s being added on top of the width, which is causing the form to extend past the width of the sidebar area. You could get around this by decreasing the width of the form slightly:

#wysija-2 input[type="text"] {
    width: 92%;
}

To add custom CSS: Firstly set up a child theme or activate a custom CSS plugin. (If you have Jetpack installed then you can activate its custom CSS module.)

also I would like the whole widget to be align to the center and I can’t figure how to do that as well.

Are you referring to the content within your widgets? If so, you can align all content to the centre with the following:

#secondary {
    text-align: center;
}

Let me know if the above helps out or if you have any extra questions.