artisteer generated theme related problem

I had some dropdown issues between my Artisteer template and ai1ec. The Artisteer folks sent me this code to fix my problem. See if it works for you?

/* added 1 Feb 2013 from Artisteer to allow display format and category dropdown lists on ai1ec to work correctly */

li.ai1ec-views-dropdown, li.ai1ec-category-filter
{
overflow: visible!important;
background-image: none!important;
}

I always a comment at the top of any change/addition just so I can keep with what I’m doing. Use the comment like or not as you choose.

thank you very much @davejampole
this works for the categories AND the pull down under the month,
I noticed I still have to figure out the drop down under labels,

probably this which works fine as well testing with firebug

li.ai1ec-views-dropdown, li.ai1ec-tag-filter
{
overflow: visible!important;
background-image: none!important;
}

I also use comments to keep track of changes

thank you so very much!

@nathair,

Glad that worked for you. Only thing I can suggest is to contact the Artisteer folks. When you get the code that works for the labels dropdown, post it here so I can get it.

Now you need to do something good for someone.

I implemented it at https://www.mariakerkoosterwijtwerd.nl/?page_id=500 and tested it in Firefox, IE8, IE9 and Chrome. Pull downs and tags now work BUT . . .
The rendering in IE8 is slightly different, it does not show the list-style-image which NOW DOES show in FF, IE9 and Chrome. They should not.
This list style image is declared in the style.css and I can set it to “none” but haven’t yet figured out all the consequences.
You do not have this problem?

I have changed the question to not resolved, because solving it brings up another (small) problem

I have to confess, I don’t know what you mean by “…the list-style-image…”. Maybe if you could explain that, help would be a little easier.

When I use lists I use images instead of default circles
Artisteer declares them differently from how I would do it This is artisteer code

.maria-postcontent ul > li:before, .maria-post ul > li:before, .maria-textblock ul > li:before {
    bottom: 2px;
    content: url("images/postbullets.png");
    display: inline-block;
    font-size: 0;
    line-height: 0;
    margin-right: 6px;
    position: relative;
    vertical-align: middle;
}

The way I would usually do it myself is very simple

ul
{
	list-style-image: url(images/purple.jpg);
	list-style-position: outside;
}

And some places where I definitely want none

ul#comments-list li
{
    list-style-image: none ;
    background:none;
    list-style-type:none;

}

Now timely somewhere meddles with it -the artisteer code somewhere some place – if I apply the extra code needed to make the drop downs and tags work. At that particular place there should be no bullets whatsoever.
If I remove the content: url("images/postbullets.png"); it is also removed from lists on the site where I want the image to appear.

PS I use the webdeveloper toolbar to check and change css and html coding on-line. And firebug as well. Both great tools.

@nathair – i have the same problem, added the code to get the dropdowns to work but now can’t get rid of the bullet points. did you find a solution?

yes, in a way
at the site https://www.mariakerkoosterwijtwerd.nl/?page_id=500 I removed the image that artisteer generates
on my site that definition is on line 1562 it would be on a different line in the css on your site.

/* content: url("images/postbullets.png"); */

However that removes the bullet image everywhere on the site and in some places I would still want those bullets, so I put those in a division with a class called “bull” and in the style.css I redefined them

.maria-postcontent .bull ul>li:before ,  .maria-post .bull ul>li:before ,  .maria-textblock .bull ul>li:before
{
   content:url('images/postbullets.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}

It is not the greatest solution but it works.
demonstrated here: https://www.mariakerkoosterwijtwerd.nl/?p=624

@nathair Thank you, I spent a bit of time this morning trying to figure out why the bullet points are showing up but couldn’t work it out so not wanting to waste anymore time on it I have gone with your solution.
Cheers,
Barry