I'm using the Corolla theme. Please tell me what CSS file and class to edit to place a border around the shopping cart, search, poll and navigation blocks that I've placed in the second sidebar. Something like the thin border around the main content area. Thank you!

Comments

Jeff Burnz’s picture

Jeff Burnz commented

Assuming you have followed best practice for overriding Corolla's styles, you can quite easily add something like this:

To colors.css add the following (adjust the padding to suite what you thing looks best, 10px should be about right):

/* Sidebar block borders */
.sidebar .block-inner {
  border: 1px solid #e1e1e1;
  padding: 10px;
}

Then to footheme.css you need to add extra rounded corner styles to match with the theme settings:

/* Rounded corners */
.rc-4 .sidebar .block-inner {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}
.rc-6 .sidebar .block-inner {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;  
}
.rc-8 .sidebar .block-inner {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;  
}
.rc-10 .sidebar .block-inner {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}
.rc-12 .sidebar .block-inner {
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  border-radius: 12px;
}
wmstadler’s picture

wmstadler commented

Thank you very much Jeff. Your suggestion worked perfectly!

Anonymous’s picture

Anonymous (not verified) commented

awesome. works like a charm. Thanks!