The Geeks & God Podcast

Problems with formatting new custom block

January 28, 2010 - 1:51pm

Joined: 01/28/2010

Hello,

I'm building my website on Drupal 6.15 and am trying to create a new custom block of my own. I have succeeded in doing this, but am not able to customize/format it as needed.

I would like to either use the new block to display all text, or all picture, as opposed to a normal page or a block that would have a heading, content and some padding all around. I do not want any padding here, as I'd like this to be a big banner image/flash/text.

I have attached some graphics to explain better
Requirement: https://docs.google.com/leaf?i...

In my info file, I added the following: regions[spanacross] = Span from Left to Right . I added the following into my page.tpl.php file to get it to display on my page - this works.

  <div id="spanlefttoright">
      <?php if (isset($spanacross)): ?>
	    <?php print $spanacross; ?>
	  <?php endif; ?>
  </div>

I also added the following into the style.css file under spanlefttoright:

  margin:0px !important;
  background-color:#a67c4a !important;

But if you see the picture here, it is only using the block style (which has the additional padding). Actual: https://docs.google.com/leaf?i...

I want the block style to stay - as a default for all pages, but I want to be able to override that to display my banner. As per http://drupal.org/node/294482, I also created block-1.tpl.php and hardcoded the div as spanlefttoright, but that doesn't work as well.

Could you please suggest what I'm doing wrong?

Thanks!

PS: My CSS for block

.block {
  margin-bottom:1.5em;
  padding:10px;
  background-color:#f3f3f3;
}

div.block-region {
  background-color:#ffffff;
  border: 4px dashed #006699;
  color:#999999;
  font-size:180%;
  text-align:center;
  font-weight:bold;
  margin-bottom:1em;
  margin-top:1em;
}

January 29, 2010 - 12:00pm

BishopBooyah

Joined: 10/18/2008

Do you have the site up

Do you have the site up somewhere?

Is the name of the block "block-1"? I'm guessing that it might have a different number which is why your tpl file isn't affecting it.

Also, be sure to clear the cache when creating new tpl files. Get the admin toolbar if you don't already and it has a built in link to clear everything. Also get the devel module, it has a theme developer which will give you template names.

/ * Begin Signature */
It's a strange thing about determined seekers-after-wisdom that, no matter where they happen to be, they'll always seek that wisdom which is a long way off. Wisdom is one of the few things that looks bigger the further away it is.

February 1, 2010 - 2:06pm

micah

G&G Moderator

Joined: 06/21/2007

CSS Overriding specific IDs

BishopBooyah is asking the right questions here about specific blocks. Based on what was originally sent, overriding some of the existing CSS classes should help:

#spanlefttoright .block {
  margin: 0;
  padding: 0;
}
 
#spanlefttoright div.block-region {
  background-color: #a67c4a;
  margin: 0;
  padding: 0;
}

I'll admit that one of my weak areas in CSS is the use of the !important tag. It never seems to work when and where I expect it to, so I never use it. The more specific you get with your selectors, the better, and specifying an ID with a class always overrides specifying the class itself.

Micah