-
Posts
-
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.
Hi,
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;
}Regards,
Ismael
- The topic ‘Sidebar Styling’ is closed to new replies.