Hello,
so far I could see is the form using UL and LI tags, which causes showing up list symbols. How do I prevent this? Is there a way to have it shown different?
Thanks for any help, Chris
Hello,
so far I could see is the form using UL and LI tags, which causes showing up list symbols. How do I prevent this? Is there a way to have it shown different?
Thanks for any help, Chris
Try adding the following css to your themes style.css file if that doesn't work can you post a link to the page with the form on
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
}
Hello,
thank you for your help - but it doesnt work...
Margin is back to zero now, but the arrows are still there...
http://www.emobility-graz.at/?page_id=1204&preview=true
Best regards,
Chris
Hi there, we can't see preview pages. You have to publish them for us to see them and send an updated link. That way we can find out how those bullets are being added.
David beat me to it
So for your theme, you'll need to find this style, probably in your header.php file and remove it:
.about-cont::after, ul li::after {
border-left: solid 3px #9DDF11 !important;
Or (to make sure it only happens on Gravity Forms forms and not all lists) add this below that CSS (or try it with adding it to the end of your stylesheet):
.gform_wrapper ul li::after {
border-left: 0 !important;
}
Hiranthi, I don't know if you'll be able to override an !important call with an important call, though if he removes the !important call from the first rule, yours should work well too.