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 »

Styling Widget box - bottom border


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 Aug 2, 2010, 06:02 AM
GillM
 
13 posts · Jul 2010
Styling Widget box - bottom border

In my categories widget I have main categories and sub-categories which are indented by a few px.

The whole widget area is boxed with a border.

I want to add a bottom border (a light dotted line) so that the different categories are more clearly defined. I have added the following code to the "Add HTML/CSS Inserts" section -

Code:
 div.widget ul li {border-bottom:1px dotted #DEEDEF;
		}
The only problem is that these bottom borders are also indented, see image below (I have changed the lines to red here to make it clearer what I am talking about)

I actually want them to stretch from the left border to the right, can someone please advise how I achieve this, without affecting the indentation of the text?
Also is it possible not to have the double lines where sub-categories end and a new category starts?

Thanks
Gill
Attached Thumbnails
Click image for larger version

Name:	Widget-problem.gif
Views:	401
Size:	6.0 KB
ID:	653  
  #2  
Old Aug 4, 2010, 05:19 AM
GillM
 
13 posts · Jul 2010
Thanks for the reply - I will checkout your answers. Sorry I omitted the URL to the development site, here it is

Gill
  #3  
Old Aug 4, 2010, 01:51 PM
lmilesw's Avatar
lmilesw
 
10,100 posts · Jul 2009
Central New York State USA
Border width is really border thickness. This was kind of a fun exercise. Try this with the appropriate colors.
HTML Code:
div.widget ul li ul li {
border-bottom:1px solid black !important;
margin-left:-10px !important;
padding-left:20px !important;
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Dark gray top and bottom border on header image (again) Heliros Header configuration & styling 9 May 30, 2010 08:56 AM
[SOLVED] How to get rid of dark gray top and bottom border on header image? wilhelmnagel Header configuration & styling 3 May 22, 2010 04:29 PM
Adding a Border to the Widget Title Box beach40 Sidebars & Widgets 1 Mar 22, 2010 04:40 PM
[SOLVED] Space between Footer Border top and widget border bottom?? norwichkaren Atahualpa 3 Wordpress theme 12 Sep 25, 2009 07:32 AM
[SOLVED] Theme is adding a border around my AddThis widget at bottom of posts daneo Post-Kicker, -Byline & -Footer 7 Jul 15, 2009 05:42 PM


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


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