Change color of checkboxes

[desiree_xn]

I can't figure out the coding to change only the checkboxes to white (not the entire text)

Also, how do I delete the grey footer at the bottom?

My website is:

http://www.xceleratenetworks.properties/3033wilshire.html

[BJ5]

For your checkboxes you want something like:

input[type=checkbox] {

border-color: 1px solid #fffff !important

}

For your footer are you referring to that bit of white space on the bottom?

[desiree_xn]

For the footer, yes!

Also, when I put the coding into my header code, it didn't work. Any suggestions?

[BJ5]

Oh, you'll want to wrap it in style tags first like this before pasting it into the header code field:

<style>

input[type=checkbox] {

border-color: 1px solid #fffff !important

}

</style>

[desiree_xn]

I copy and pasted the code into my header code, and unfortunately that still doesn't work 😕

[Bernadette3]

Did you publish and check the live site, @desiree_xn? Sometimes the code does not work in the editor, but will show up on the live site. 

[desiree_xn]

Yes I did!

[BJ5]

Oh, I forgot quotes. Try this instead:

<style>

input[type="checkbox"] {

border-color: 1px solid #fffff !important

}

</style>

[desiree_xn]

It still doesn't work...

I so appreciate the help, though! I can make do with non-white checkboxes if it's not possible!

[BJ5]

It should be possible, so it might just be a mistake with my code. Where did you add the code, and after adding it did you publish?

[desiree_xn]

I inserted it:

Pages -> 3033 Wilshire -> SEO Settings -> Header Code

Then I publish (which I always do to see if my codes are working)

[BJ5]

Ok. Is the code still there? If not can you add it and publish again?

[desiree_xn]

Yes it is!

[BJ5 · Accepted solution]

Ok. I see what's happening. Try this code and add it to the footer code field instead of header code:

<style>

.wsite-form-field input[type='radio'], .wsite-form-field input[type='checkbox'], .wsite-com-product-option-groups input[type='radio'], .wsite-com-product-option-groups input[type='checkbox'] {

border: 1px solid #ffffff !important;

}

</style>

[desiree_xn]

I was able to use that code and fill in the background! Thank you!

The last thing I needed was to reduce the padding at the bottom of the page. I want to change the padding from 20px to 0px to remove it completely. Do you know how to do this?

[BJ5]

Great! I'm not sure how to remove that padding as it's being added inline. If you check your page templates do you see that inline styling there. It looks like it's a div that wraps the footer.