List on Sidebar not on Separate Line

[DianeClancy]

Hi …. I am working on my Weaver Xtreme site … (modeling it after 2 sites in Weaver II – I will switch those over some time after I get this all together)

On the categories and archives the entries are all jumbled up on one line
http://www.dianeclancy.com/products

You can see them at the bottom of the right sidebar

Here with Weaver II, it looks fine
http://www.dianeclancy.com/blog

(again you can see them on the bottom of the sidebar)

For both of them I am using
jQuery Categories List Widget and

jQuery Archive List Widget

I am using the same settings on both of them (checked, rechecked and again and again) … I have looked to see where I can customize this and I can’t figure it out.

Thank you in advance for any help!!!  ~ Diane Clancy

[scrambler]

Sorry, I am not following. On IE Archives and categories are on separate lines like on the other site.

Make sure you test on different browser and computers

[Weaver]

Both sites seem to have identical functionality on my Firefox and Chrome browsers.

[DianeClancy]

Scrambler and Weaver – then when you click the archives and categories to go down a layer, they are both the same?  I will show photos that I snapped of the 2 – notice in the one that is blog, the sub-entries each have their own line whereas the products one are all clumped together

Here on Weaver II it looks fine
http://www.dianeclancy.com/blog – this is the site
http://www.dianeclancy.com/products/wp-content/uploads/2015/05/Cat-blog.jpg&nbsp; <<<< the photo

Here on Weaver Xtreme it is all clumped together
http://www.dianeclancy.com/products – this is the site
http://www.dianeclancy.com/products/wp-content/uploads/2015/05/Cat-prod.jpg&nbsp; <<<< the photo

Is this any clearer now?  Thank you so very much for your help!!  They are both in FF  ~ Diane Clancy

[scrambler]

That does clarifies things, and show the display was wrong on weaver II as you had bullets in front of the opening arrows that was forcing the lists to always be open.

Now it is working as expected and the lists only open when you click on the arrows

The difference is that the list items had a display:list-item before and are now inline-block

We can make it behave as before but then it will be wrong as the opening arrows wont be working, just add the rule below in Main options > Fonts & Custom > Custom CSS rule box

.widget li {display:list-item;}

I cant seem to find a way to have both working opening arrows for sub lists, and a bullet on the final list. may be @weaver will have an idea 

[scrambler]

The problem I find in trying to only get bullets on the last level of items, is that the number of levels are different between the widgets.

The Categories one only has two levels, but the Archive one has 3.

If this is always going to be the case, I can make it work using the two rule below instead of the general one mentioned above

#jcl_widget-2 ul li ul li > a {display:list-item !important;margin-left:10px;}

#jal_widget-2 ul li ul li ul li > a {display:list-item !important;margin-left:10px;}

[DianeClancy]

Scrambler – actually on Weaver II it didn’t force the arrows open – I like how it works and goes down level after level great!!  I think I will change to open circle bullets if I can figure out how.  (just figured out how and I like the look at lot on http://www.dianeclancy.com/blog )

I like a lot what you have suggested for http://www.dianeclancy.com/products

The 2nd ones didn’t work for me at all but the one that you suggested in your first answer is perfect!!!  I have tried 4 levels down and I get the arrow for when there is a deeper level.  So perfect

they go down in a list instead of all clumping up together!!  Thank you so very much, Scrambler!!  ~ Diane Clancy

[Author]

Posts