Styling Widget box - bottom border
1 Attachment(s)
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; 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 |
Thanks for the reply - I will checkout your answers. Sorry I omitted the URL to the development site, here it is
Gill |
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 { |
All times are GMT -6. The time now is 04:10 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.