Coloured horizontal line in between widgets

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!

Magic! Thanks!

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:

https://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?

Bump!

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!