When I put a navigation block in the left sidebar, the title of the block is in a darker color. I like it. But when I put the same navigation block in any of the four bottom sections, the title goes away. Is there a way to keep the darker color in this area? Thanks.

CommentFileSizeAuthor
#2 Screenshot.png133.55 KBprajaktam
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

jvdurme’s picture

That's a tough one, since left and bottom blocks are generated with a different set of CSS classes.
You can get the darker color around the title if you add the color to this class in style.css:

#bottom-wrapper h2 {
 background-color: #E6E6E6;
}

But there will still be a border around the title. That's some padding I guess, but I have no idea how you can remove that. Sorry... ;)
Install Firebug in Firefox to see all CSS styling that Danland uses. Then compare left and bottom blocks. It's really helpful.

prajaktam’s picture

FileSize
133.55 KB

Hello,

@BillMounce: I have tried adding the blocks in the bottom four columns. And added the same styling as left sidebar blocks to this. So here are the steps.
1) Go to the danland theme folder. Open up danland.info file and uncomment the following line
;stylesheets[all][] = local.css ie, replace with this:
stylesheets[all][] = local_sample.css

2) Now open up the local_sample.css file and add the following css to it.

#bottom-wrapper {
  background: none;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 0;
  padding-bottom: 10px;
}

#bottom-wrapper .column {
  padding: 0;
  margin-right: 0.5em;
}

#bottom-wrapper .block {
  padding: 0;
  border-color: #DDDDDD #BBBBBB #BBBBBB #DDDDDD;
  border-style: solid;
  border-width: 1px;
  float: left;
  width: 100%;
}

#bottom-wrapper h2 {
  margin-top: 0;
  background: #E6E6E6 none repeat scroll 0 0;
  padding-left: 5px;
  padding-bottom: 10px;
}

#bottom-wrapper .block .content {
  background-color: #F4F4F4;
  padding: 5px;
  float: left;
  width: 98%;
}

#bottom-wrapper.in2 .column {
  width: 49%;
}

#bottom-wrapper.in3 .column {
  width: 32.6%;
}

#bottom-wrapper.in3 .block .content {
  width: 96.6%;
}

#bottom-wrapper.in4 .column {
  width: 24.2%;
}

#bottom-wrapper.in4 .block .content {
  width: 95.6%;
}

Save this changes.

3) Visit the admin/build/block page on your site and add block to the Bottom 1, Bottom 2 Bottom 3 and Bottom 4 regions.

4) Go to admin/settings/performance page and clear the cache.
5) You can see the same styling applied to these blocks as the left sidebar blocks. I am attaching a screenshot for the same. Also no need to add blocks to each of the bottom region. If you add block in only one region then also it will pick up the same styling.
Hope this helps.
Thanks,
Prajakta

danpros’s picture

Category: bug » support
Status: Active » Fixed

Hi prajaktam,

Thanks for answering the question.

Dan

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.