Border styling on captcha and multiple list button image

Gravity Support Forums » Plugin Support » Gravity Forms

vostn
Member
I've been trying to override the green borders that are applied in my theme's stylesheet, which have been adding borders and padding to the +/- list images, the datepicker icon, and the recaptcha images (which is especially a problem, as it sometimes causes the captcha words to be obscured). I've switched to the non-icon style of datepicker for now, but haven't been able to fix the border issue. This is the code I added to my css:
```
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_captcha_container .gfield_captcha {
				border: none;			}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_captcha_container {
				border: none; 			}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_input_datepicker_icon {
				border: none;			}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_list .gfield_list_icons {
				border: none;			}
```
But this hasn't fixed the problem. This is the form. Thank you for any help!
Posted 12 years ago on Tuesday August 7, 2012 | Permalink
Rob Harrell
Member
Looks like you have this in your theme's stylesheet:
```
[css]
.entry-content img {
padding: 8px;
border: 1px solid #8E9C3A;
}
```
That's saying all images in the element with the class entry-content should have 8px padding and the border.

Here is a Screenshot

Your options are to modify that selector or rewrite a more specific one to override it, such as:
```
[css]
.recaptchatable .recaptcha_image_cell center img {
border: 0;
padding: 0;
}
```
Which will result in this: Screenshot
Posted 12 years ago on Wednesday August 8, 2012 | Permalink
vostn
Member

Thank you! I tried to do the same kind of thing for the +/- icons by adding this:

.add_list_item, .delete_list_item img {border: 0; padding: 0;}

But it doesn't seem to be working the same way. How would I target those icons and the datepicker icon? (You can tell I'm not a professional... thanks for your patience.)

Posted 12 years ago on Wednesday August 8, 2012 | Permalink
Rob Harrell
Member
No problem, try this out:
```
[css]
.add_list_item, .delete_list_item {
border: 0 !important;
padding: 0 !important;
}
```
Posted 12 years ago on Wednesday August 8, 2012 | Permalink
vostn
Member

Thank you! I didn't realize you'd answered this. Unfortunately, it didn't work. :(

Posted 12 years ago on Tuesday August 21, 2012 | Permalink
Rob Harrell
Member

It looks good to me: Screenshot

Posted 12 years ago on Tuesday August 21, 2012 | Permalink
vostn
Member

...Oh! I guess I did not refresh properly. Thank you!

Posted 12 years ago on Tuesday August 21, 2012 | Permalink
Rob Harrell
Member

No problem, glad to help.

Posted 12 years ago on Tuesday August 21, 2012 | Permalink

This topic has been resolved and has been closed to new replies.