Input fields are not behaving

Hello,
Wanted to create a form so people can subscribe to the newsletter. But the fields are behaving wierdly.
Created two different modules, one is in sidebar position, like here: http://absolute1.ru/blog, and another in bottom6 position http://absolute1.ru/nashi-treningi/resursnoe-sostoyanie.
But fields are different in size and look.
I've tried to put separate identificator in the override.css

Code: Select all

#Smartresponder .gk-form
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.23);
    border-radius: 3px;
    display: inline-block;
    margin: 50px 0 65px;
    padding: 10px 10px 7px;
}

#gkHeaderMod input[type="name_first"],
#gkHeaderMod input[type="email"]
#Smartresponder input[type="name_first"],
#Smartresponder input[type="email"] {
    -moz-box-sizing: border-box;
    border: medium none !important;
    border-radius: 3px;
    color: #999999;
    display: inline-block;
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
    height: 68px;
    margin: 0 !important;
    padding: 0 30px;
    position: relative;
    top: -3px;
    width: 300px;
    background-color: #FFFFFF;

So it would look and behave conguently with the whole template, but either I call for this identificator in the module the wrong way, or something else - FireBug doesn't even show override.css being called for. I've doublechecked, in Template-Advanced override.css option is on.
Could anybody give me a hand here? Thanks.

You have typo in override.css:

Code: Select all

/* ФОРМА */
/*#gkHeaderMod .gk-form { */
#Smartresponder .gk-form
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.23);
    border-radius: 3px;
    display: inline-block;
    margin: 50px 0 65px;
    padding: 10px 10px 7px;
}


there is no opening "{". Fix that and then all should be fine.

Reposted again, there was error in previous message of mine, so I deleted it and posted the right one below:

You have typo in override.css:
there is no opening "{". Fix that and then all should be fine.

The first line, right? Thanks for the tip
Now the line looks like this

Code: Select all

#Smartresponder .gk-form {
        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.12);
        border: 1px solid rgba(255, 255, 255, 0.23);


But still no luck. override.css is not being called for...

You have a lot of problems in override.css, most of them due to missing "," between elements declarations right here:

Code: Select all

#gkHeaderMod input[type="name_first"]
#Smartresponder input[type="name_first"] {
    margin-right: 10px !important;
}


should be:

Code: Select all

#gkHeaderMod input[type="name_first"],
#Smartresponder input[type="name_first"] {
    margin-right: 10px !important;
}


but that is not the only place.

Place correct your override.css so it has no errors, then we can check whats wrong.

The override.css is loading correctly.