Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #23825

    Hello. I have a couple of questions regarding the sidebar. Thanks!

    1) Is it possible to change the color of the side bar area? I see something like #top #main .sidebar, but that seems to only account for the widget area being used. How can apply a color to the entire length of the sidebar area?

    2) Is it possible to add an underline style under the sidebar widget title?

    3) Is it possible to add a separator in between sidebar widgets? I see there was a separator in the code at one point, but it seems to be visible, even if there is only 1 sidebar widget.



    1.) The sidebar expands when there are widgets present. It has no definite height. You need a javascript of some sort to make the sidebar inherit the height of the content area. A simple solution is to define a minimum height for the sidebar but this is not flexible and may not be appropriate for all types of pages. Add this on your Quick CSS or custom.css

    #top #main .sidebar {
    background: red;
    min-height: 600px;

    2.) You can add this on your custom.css or Quick CSS.

    .widgettitle {
    border-bottom: 1px dotted red;
    padding-bottom: 10px;

    3.) To add a bottom separator, you can use this

    .widget {
    border-bottom: 1px solid black;



Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Sidebar Styling’ is closed to new replies.