CSS code not working correctly

Hi,

My CSS code works in advanced design mode but doesn't work in build mode or live mode. Can you please assist me with resolving this issue.

Regards

Mark

Hello,

I can't seem to find your form. Did you have recently deleted? 

Thanks.

Hi

I changed the url here is the new one.

https://form.jotformeu.com/markkeane/safety-statement-questionnaire

Regards

Mark

Hey Mark, I'm assuming you want the upload buttons to be #52247f then #ffffff on hover. Just change your entire CSS Code block for the .qq-upload-button to the ones shown below:

.qq-upload-button {

    background : #52247f;

    text-shadow : none;

    box-shadow : none;

    color : #ffffff;

    border-color : #52247f;

    border-width : 2px;

    font-family : "Trebuchet MS";

}

.qq-upload-button-hover {

    background : #ffffff;

    text-shadow : none;

    box-shadow : none;

    color : #52247f;

    border-color : #52247f;

    border-width : 2px;

    font-weight : bold;

    font-family : "Trebuchet MS";

}

RESULT:

In case you wanted it rendered differently, just get back to us with more details on how you want it to behave so we can provide the respective CSS Codes.

Hi Jim 

Thanks for your help that works well, do you mind telling me what I was doing wrong for further reference.

Thanks

Mark

Sure - It was due to the CSS selector you're using.

I changed it from .qq-upload-button.undefined to .qq-upload-button

And for the hover status, there's a separate class already taking care of that so you won't need to use the :hover selector (.qq-upload-button-hover).

I also changed the font-family declaration BTW. Fonts with 2 words in it should always be enclosed in quotation marks.

font-family: "Trebuchet MS";

Thanks for the feedback Jim much appreciated.