Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

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

Styling Widget box - bottom border

Old Aug 2, 2010, 07:02 AM
13 posts · Jul 2010
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 -

 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?

Attached Thumbnails
Click image for larger version

Name:	Widget-problem.gif
Views:	624
Size:	6.0 KB
ID:	653  
Old Aug 4, 2010, 06:19 AM
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

Old Aug 4, 2010, 02:51 PM
lmilesw's Avatar
10,174 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.


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 09: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 05:29 PM
Adding a Border to the Widget Title Box beach40 Sidebars & Widgets 1 Mar 22, 2010 05:40 PM
[SOLVED] Space between Footer Border top and widget border bottom?? norwichkaren Atahualpa 3 Wordpress theme 12 Sep 25, 2009 08: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 06:42 PM

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

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