CSS Problem with ChurchHope Theme « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

leeerickson
Member

I have pasted the CSS into the custom CSS option in the Theme Church Hope. I didn't work so i hard coded into the style sheet the theme uses, and still didn't work. I did a quick test to make sure I was editing the right area by adding a border. It worked. I am stumped - Could someone please look at the form - http://www.lifechurchag.com/giving/
Thanks
Lee

Posted 12 years ago on Sunday January 20, 2013 | Permalink
leeerickson
Member

The CSS I pasted was to try to fix a UL and LI issue showing dots.

Posted 12 years ago on Sunday January 20, 2013 | Permalink

The "dot" is actually coming from this:

[css]
.widget_nav_menu li::before, .widget_links li::before, .widget_meta li::before, .entry-content ul li::before {
content: '·00b7';
color: #545454;
font-size: 46px;
position: absolute;
top: 7px;
left: 4px;
font-family: "Times New Roman", sans-serif;
}

Try using this:

[css]
body .gform_wrapper form .gform_body ul > li::before {
content: "";
}

body .gform_wrapper form .gform_body ul, body .gform_wrapper form .gform_body ul li {
list-style-type: none !important;
list-style-image: none !important;
list-style: none !important;
background-image: none !important;
background: none !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
}

Screenshot of Result

Posted 12 years ago on Monday January 21, 2013 | Permalink

leeerickson
Member

Perfect! Works great, thank you so much.

Posted 12 years ago on Tuesday January 22, 2013 | Permalink
Rob Harrell
Member

No problem, glad to help out!

Posted 12 years ago on Tuesday January 22, 2013 | Permalink

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