By Swooperz on

Hi All.

I am using the Goofy Template and am getting a large margin between the top of the block and the beginning of my content in that block.

The other "built-in" blocks like the event calendar and RSS feeds don't have this issue.

What am I doing wrong?

The source code doesn't show anything visible to indicate a break or other tag that is pushing my content down.

Thanks for your help!

⋅ Categories: Drupal 4.6.x

Comments

thinkinkless’s picture

thinkinkless commented

the trick here is to view source on your html to see the ids generated by the block module them modify your css from there.
example of mine using another theme, this is how i customized display of the blocks conaining banner ads:

/* ad block 1 - right top */
#block-block-1 h2 {
	color: #333;
	border-bottom: #666;
	border-width: 0 0 1px 0;
	border-style: none none dashed none;
	font-size: 11px;
	padding: 5px;
	margin: 0 0 5px 0;
	background-color: #eee;
}

#block-block-1, #block-block-2 {
	border-width: 0;
	padding: 0 0 5px 0;
	background-color: #eee;
}

#block-block-4 h2 {display: none;}

hth!

Swooperz’s picture

Swooperz commented

A-Ha! :)

What a great idea!

I guess I was overwhelmed by having .theme files and .css files and .inc files, etc. ;)

Thanks for pointing me in the right direction.

-Alan

thinkinkless’s picture

thinkinkless commented

Believe me, i've been there! It can be a long road getting the hang of drupal but it it really great software. i'm still getting the hang of it many months later.

Be careful if you change/remove blocks while you are setting things up as this will mean you have to change your css also.

Swooperz’s picture

Swooperz commented

So, you're saying block ID's can get re-used by new blocks when an old one is removed?

thinkinkless’s picture

thinkinkless commented

I suspect not - I probably should have explained better...
I meant more in terms of moving the blocks around in your theme. For my purposes the right and left regions are styled very differently. If i move a block from one side to the other i have to update the css accordingly or major ugliness ensues. It all depends on how much you are inheriting from the parent container. That's all. :)
I hope it's going well for you!

Swooperz’s picture

Swooperz commented

That makes sense.

I tried to adjust the margin, but margin and padding both affect the area OUTSIDE of the block, and I want to affect the TEXT INSIDE the block.

What can I use for that?

I have tried

#block-block-2 .content {
margin 10px 10 px 10px 10px;
}

That didn't have any result.

Where's a good reference for these types of things? (ie, something that lists all the .block options like title, content, etc)

I have looked at the API reference, all over the handbook and can't find anything on changing the look of a block or tweaking it in any way.

Thanks! :)

Swooperz’s picture

Swooperz commented

Could it be that the Goofy theme doesn't support block .content?

EDIT: Well, after testing PushButton with the same changes to block .content, I have found that it IS Goofy and I am now at a loss at to what I can do now.

If I could somehow use Pushbutton with the container style that Goofy has, I'd would do it in a heartbeat, but I have no clue on how that would work.

Hmmm.... :/

thinkinkless’s picture

thinkinkless commented

I just looked at goofy and realized it's not a phptemplate theme. I HIGHLY suggest you use a phptemplate-based theme. It's much more flexible and also friendlier when it comes to things like adding snippets.

To answer your questions above i just looked at the code in goofy's theme file. Your block is most ilkely inheriting styles from its parent container, namely the table cell on the left or right.

example from lines 62-66

  if ($blocksleft) {
    $output .= "      <td style=\"vertical-align: top; width: 20%;\">\n";
    $output .= $blocksleft;
    $output .= "      </td>\n";
  }

Your best reference is the code within your theme. Each are unique.

With regard to your padding issues, maybe try removing the '.content' part. Also realize you are mixing pixel-based padding/margin within a percentage-based table cell. Results will be unpredictable.
Trial and error works best or me with the CSS until i have it all cleaned up and functioning the way I want.

Swooperz’s picture

Swooperz commented

Will look into that code.

I am currently trying to see if I can tweak a theme like Lincoln's Revenge or Friends Of Electric to use the containers from Goofy which are also similar to the ones used on Drupal's site, which it seems is called Blue Beach.

Trial and error is definitely the way to go. Its the best way to learn! :)

Have a good one and thanks again,
Alan

phoenix@middypuppy.com’s picture

phoenix@middypuppy.com commented

This helped me a lot with the Google donation button I'd thrown into a block. Thank you for your help.