Hey!
Edit your style.css file and on line 427 your find the ##sidebar ul, #sidebar ul ol styles.
Add your code there. For example:
border-bottom:1px solid red;
this will add a red bottom line … You could also add an image
background: url(pathtoimage) no-repeat bottom center;\
Finally you may want to add a padding-bottom:10px;for example to push the whole thing a bit down.
Good luck!
That does work with the red, how do I do it for color:#AD30AD? Also my top Widget is HTML into a text widget but the line does not appear. Will I have to alter the HTML in the widget and how do I do it?
Many thanks AdrianApan!
Sorted the color, just need to get the line on the top widget now, Thanks!
Tom
Ooops, just one more question then I’m done with this, I also want to add a Vertical line to separate the sidebar from the main page content, what do I need to code to get this?
Tom
You would just change it to border-left in the CSS of the side panel.
Hi Mxsix, Thanks.
Unfortunately that doesn’t work how I would like, take a look:
http://www.alt-sw.com/bath
The left hand side of all the tables are now showing, I only want the one line.
Any idea why the top widget isn’t underlined?
Thanks!
Tom
Gonna have to bump this, sorry, It needs to be resolved. Anyone?
Add this line:
#sidebar ul ul {border: 0px solid #000;}
On style.css line 586 add this:
#sidebar {
border-left:1px solid #FFFFFF;
margin-left:745px;
padding:20px 0 10px 10px;
width:190px;
}
Yes, replace the old definition and alsothe #FFFFFF color code to your desired color.
Good luck!
