Problems with "li" bullets


Author Message
Tom

Posted: 10/23/2012
Quote message 

For whatever reason I keep seeing "bullets" being inserted in different widgets or when using Gravity Forms. I'm using this plugin - Youtube Channel Gallery, which is also adding bullets as well as "MF Gig Calendar" plugin, also displaying bullets. It gets real complicated to try remove them for each plugin using css. I've used Arftisteer for a long time but this is a fairly recent problem..

What's up?

My site is at http://www.consultyou.net/temps/derry/wordpress

You'll see the problem on the first page.
 
Gordy

Posted: 10/23/2012
Quote message 

It is because Artisteer uses a lot of pseudo classes (:before, :after) that makes it hard for the plugin to override the style unless they target it precisely.

If you add the following code to the end of your style.css or in your additional CSS on export, that shouldl fix it (I hope).

ul.ytchagallery li:before {     content: ""; }

 
Tom

Posted: 10/24/2012
Quote message 

Wow Gordy...thanks for the fix. As this seems to happen a lot, would you know if there is any documentation on how to handle this for different plugins.
 
Dore

Posted: 11/29/2012
Quote message 

Quote Tom:

Wow Gordy...thanks for the fix. As this seems to happen a lot, would you know if there is any documentation on how to handle this for different plugins.


I'm having exactly the same issues with Gravity Forms and other plug-ins, for now I'm most interested in fixing Gravity Forms, can you help?
 
Cees

Posted: 11/30/2012
Quote message 

Try this:

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
}

 
Dore

Posted: 12/4/2012
Quote message 

Thank you Cees, it hasn't completely removed the bullets, but has moved them to a less obvious locations. They used to run down the middle of my list, now at least they're to the side.
Here's the example:
http://www.coventrynetworking.co.uk/form-test/
 
Cees

Posted: 12/4/2012
Quote message 

Hi Dore,
This might do the trick:

Remove my last css tip and try this in your Theme css style:

body .gform_wrapper form .gform_body ul li:before {
content: none;
}

 
Barry

Posted: 2/2/2013
Quote message 

Hi,

Just posting to thank Cees for this fix. Works flawlessly for me.
 
Kim

Posted: 7/30/2013
Quote message 

:-@ I've tried all three codes and it still has bullets in the forms...UGH!!! This one:
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
}

used to work for me, but it's stopped working for some reason. Any other ideas?

Any help would be greatly appreciated! It's driving me crazy! Thanks!
 
Christopher

Posted: 9/23/2013
Quote message 

try this

.gform_wrapper ul>li:before {content:none;}

 
Rob

Posted: 12/2/2013
Quote message 

Hello together,
I have the same Problem with 2 click social buttons.
Could you pleas help me, too?

Regards Rob
 
Rob

Posted: 12/2/2013
Quote message 

Got the answer ;-)

ul.social_share li:before { content: ""; }