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)
-   -   List costumization for single individual widget (http://forum.bytesforall.com/showthread.php?t=7428)

danalingga Jun 3, 2010 11:52 PM

List costumization for single individual widget
 
Hi again,

I want to ask how can I customize list style in single individual widget?

Here the story:

I want to make the list style for single individual widget as below:

Code:

div.widget ul li{display:block;margin:2px 0 2px 0px;padding:0 0 0 5px;border-left:solid 0px #FFFFFF}div.widget ul li:hover,div.widget ul li.sfhover{display:block;width:auto;border-left:solid 0px #0000FF;}
and for the rest of widget still use the general widget configuration which is:

Code:

div.widget ul li{display:block;margin:2px 0 2px 0px;padding:0 0 0 5px;border-left:solid 7px #FFFFFF}div.widget ul li:hover,div.widget ul li.sfhover{display:block;width:auto;border-left:solid 7px #0000FF;
I already can locate the widget ID which is "execphp-3".

The blog URL: http://thebroadbandzone.com
Atahualpa version: 3.5.1
WordPress version: 2.9.2


As summary, I just want to remove the list style (border left style) from this individual widget.

Thanks for your help.

juggledad Jun 4, 2010 05:30 AM

when you create a CSS Selector and use a class (ie 'div.widget') you assign the styling to ALL div's with that class. if you want to isolate the style to one element, you need to be more specific. You can use the id (ie 'div#execphp-3') - note the use of teh '#'? that indicates the ID vers the class that uses a period.

try
HTML Code:

div#execphp-3 ul li{display:block;margin:2px 0 2px 0px;padding:0 0 0 5px;border-left:solid 0px #FFFFFF}div.widget ul li:hover,div.widget ul li.sfhover{display:block;width:auto;border-left:solid 0px #0000FF;}

danalingga Jun 4, 2010 08:23 AM

So, do I need to put the code in ATO css insert part or in other part?

danalingga Jun 4, 2010 08:29 AM

Hi,

I already put the code in ATO css insert but the border left style still remain. Any other idea?


All times are GMT -6. The time now is 03:46 AM.

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