Ok fixed CSS, now things are looking up a bit better but still have some issues:

Ok fixed CSS, now things are looking up a bit better but still have some issues:

 

1. the upload button height is weird even though I specified on CSS as !important

2. the Submit button is also showing up weird, wrong height and wrong background-color.. even though I specified both of those as !important

 

Check code below:

 

.form-submit-button {

    height : 50px !important;

    background : #C34E8F !important;

    color : white;

    margin : auto !important;

    border : 0px;

    width : 100% !important;

    font-size : 20pt;

    cursor : pointer;

    font-family : "rubik";

}

 

.form-submit-button:hover {

    background : #E575B3 !important;

    color : #ffffff !important;

} 

 

Any help with those two issues? on the embedded form shows up wrong but on the editor it looks right!

 

check:

 

 

VS

 

 

Also:

 

 

 

 Vs

 

1. the upload button height is weird even though I specified on CSS as !important

Please remove the other existing CSS for the upload button. This should fix the height.

 

2. the Submit button is also showing up weird, wrong height and wrong background-color.. even though I specified both of those as !important

 

I checked the CSS for the Submit button and I noticed that you have 2 CSS for it.

Please delete the other one, and the background color will be fine.

 

Let us know if you need further assistance.
Regards

Hi Chriistian,

 

I went ahead and deleted the duplicates, which by the way were part of a "@media screen" but I think you guys have a bug, since everytime I go from the CSS editor to the "advanced CSS editor" whatever I had inside @media screen{} is outside the RBRACE.

 

But back to our styling issue, even though I deleted these duplicates, the submit button is still not following the CSS I'm providing and now the upload button is not respecting the margin: auto !important;

 

 

 

Hi,

I have added the CSS code to your form.

.qq-uploader {

    position: relative;

    margin: auto !important;

}

Result:

 

 

And I've also added this code for the Submit button outside the @media

.form-submit-button{

    height: 50px !important;

    }

 

Result:

Hope this helps.

Regards

Almost fixed! the comments field id_14 which I already specified on my CSS but is not being affected and it is still showing towards the left.

 

 

Almost fixed! the comments field id_14 which I already specified on my CSS but is not being affected and it is still showing towards the left.

 

 

I checked the comments field on your site and I can see that it is centered. 

 

I also checked on an iPhone Emulator, here's the result:

Regards

Chriistian,

 

My bad, I missed mentioning that this is only happening in the lightbox view:

 

Please add this custom CSS on your from and see if this solves the issue on the lightbox view:

span.form-sub-label-container {

    float: none !important;

}

 

Regards

Great, it worked!

 

Thanks!!!