Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)
-   -   [SOLVED] Widget List Items depth, 4th and lower level? (http://forum.bytesforall.com/showthread.php?t=12105)

barnz2k Jan 8, 2011 12:45 PM

[SOLVED] Widget List Items depth, 4th and lower level?
 
Hey
Love this theme. Is it possible to add an extra depth level to the widget list items options?
Ie, on the style widgets page It goes to 3rd level and lower at the moment and I would really like 4th level and lower (I have deep category needs!)

Can I possibly duplicate and tweek the codes for the current 2nd/3rd level somewhere??
Or possible feature request? :D

cheers

lmilesw Jan 8, 2011 01:00 PM

More than 3 levels is not considered good for usability reasons so I don't think that will be added. You can search wordpress.org for plugins that may do what you want though.

barnz2k Jan 8, 2011 01:14 PM

It all works and displays correctly more than 3 levels, its the atahualpa styling I would like to extend down, so I can change it within the theme options like it does currently for one level deeper.
Not sure a plugin could work for this? would be more custom CSS instead i think

juggledad Jan 8, 2011 01:39 PM

You can do it via the CSS inserts option

barnz2k Jan 9, 2011 06:36 AM

ok cool thanks.
Is something like this on the right track? It doesn't seem to having any effect though, how do I make it override the settings from within the options page?

I added this to the Html / CSS inserts option:

Quote:

#sidebar ul ul ul li {
border-top: solid 1px blue;
color:#ffffff;
background:#CCFFFF;
}

lmilesw Jan 9, 2011 06:39 AM

use !important such as
HTML Code:

#sidebar ul ul ul li {
border-top: solid 1px blue !important;
color:#ffffff !important;
background:#CCFFFF !important;
}


barnz2k Jan 9, 2011 07:20 AM

Also had to change it to div.widget

Edit: Spoke too soon.. Got it all working now except for link text color.

Quote:

div.widget ul ul ul li {
border-top: solid 1px blue !important;
color:#ffffff !important;
background:#CCFFFF !important;
}

barnz2k Jan 9, 2011 07:51 AM

this for example does something.. but not correct

Quote:

div.widget ul ul ul li a:link {
color:#AD9E1B !important;
}

lmilesw Jan 9, 2011 02:11 PM

What happens if you use
div.widget ul ul ul li a instead of div.widget ul ul ul li a:link?

barnz2k Jan 9, 2011 03:12 PM

Bingo!

and a:hover works for the hover.

NOW its all good and working!

Exactly what I wanted.

Thanks mate!!


All times are GMT -6. The time now is 08:52 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.