*apologies if this is solved elsewhere. a search found nothing for me, but I could be using the wrong terms.
Hi,

I'm making a subtheme using AT, and so far I've run into a very specific problem with a Views block. All of my other blocks work fine with the title content areas appearing flush. I'm using blocks in the sidebars and the highlighted region with no issue.

However, I have a few block that shows a gap between the title and content that I can't find a cause for in Safari dev tools. The gap can be seen here (http://i.imgur.com/Zzye2.png).

The only code I have for the block is this:

#block-views-grade-student-block-1 h2.block-title{
  text-align: center;
  background-color: #008000;
  border-top-right-radius: 9px;
  border-top-left-radius: 9px;
  color: #FFF;
  text-indent: 5px;
  font-size: 100%;
  box-shadow: 3px 3px 4px 1px #858080;

}
#block-views-grade-student-block-1 .content{
  box-shadow: 3px 3px 4px 1px #858080;
  background-color: #89c489;
  text-align: center;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  margin-bottom: 2.5em;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 2%;
}

Also, I've tried it without the padding, and that fixes nothing, and I can't find a margin or padding affecting the block in dev tools. Any ideas on what might be causing this issue?

Comments

nevets’s picture

nevets commented

Without a link to the site one can only guess but is your content wrapped in a p tag which may have margins

Jeff Burnz’s picture

Jeff Burnz commented
Category: bug » support

^^ what nevets said, pretty much a guess without a link.

Vidus’s picture

Vidus commented

Here is a link if that helps.

http://rhetorike.org/drupal7/node/12

nevets’s picture

nevets commented

The only visible block is the login block which does not help.

Vidus’s picture

Vidus commented

Ok...I'll have to look. When I look at it as a non-logged user I see a grading block at the bottom of the page.

nevets’s picture

nevets commented

I did not realize that was a block. The gap is from

table {
    border-color: #EEEEEE;
    border-spacing: 0;
    font-size: inherit;
    margin: 10px 0;
    padding: 0;
    width: 100%;
}

in tables.css line 2, you will want css that overrides the margin setting for cases like this.

(firebug made this easy to find)

Vidus’s picture

Vidus commented
Status: Active » Closed (works as designed)

Thank you! I hadn't caught that one. (I've been teaching myself CSS and themeing for the past year and a half or so, so I'm a bit slow on some of this stuff still.)