Forum has moved to another host, some things may be broken or shaky for a little while
Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

List costumization for single individual widget


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Jun 3, 2010, 11:52 PM
danalingga
 
8 posts · Feb 2010
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.
  #2  
Old Jun 4, 2010, 05:30 AM
juggledad's Avatar
juggledad
 
22,152 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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;}
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #3  
Old Jun 4, 2010, 08:23 AM
danalingga
 
8 posts · Feb 2010
So, do I need to put the code in ATO css insert part or in other part?
  #4  
Old Jun 4, 2010, 08:29 AM
danalingga
 
8 posts · Feb 2010
Hi,

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

Bookmarks

Tags
border left, individual widget

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Widget list style (bullets) not working after upgrade paulae Sidebars & Widgets 9 May 1, 2013 06:41 PM
[SOLVED] Space between Widget List Items configurable? upscho Sidebars & Widgets 10 Jul 3, 2012 05:15 PM
CSS for Widget list items not working (bullets) mlamkin Sidebars & Widgets 2 Aug 31, 2009 01:46 PM
Different List Style for Specific Widget Boxes oz1 Sidebars & Widgets 1 Jun 19, 2009 09:17 AM
Widget style causing ugly display of widget list, breaks at special characters wfzimmerman Sidebars & Widgets 1 Mar 20, 2009 03:31 PM


All times are GMT -6. The time now is 05:27 PM.


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