top of block icons cut off

Is the same thing occurring when you have a rounded corners and background style on your block? The icons' negative top margin was there so it aligns correctly in that block configuration so my guess is that is the reason. If you have a link to your site showing this issue that would be very helpful to see. Thanks.

Do you have a screenshot of this issue? Attached is what it looks like on my development server which appears correct so not sure what is causing the issue on your site yet. Do you have any other CSS changes other than the default styles from the theme?

Seems I need to add a bit more logic to the CSS for this one. If you select the Skinr style "Rounded corners" it will work as that negative margin is based off of that setting. So without the rounded corners it doesn't appear correctly as you have pointed out in the screenshot. Will work on this one a bit more so it displays correctly for both instances. Thanks for bringing up this issue and providing the screenshot, they were very helpful.

I think I have it working correctly now if you would like to try it out. Attached is the updated stylesheet for the theme and goes in the /css folder. Please give it a try and let me know if it works well for you or not. Be sure to remove the _.txt from the extension as it should be .css and overwrite the one in your theme's /css folder.

Fixed in the Alpha 2 release.

Tested within panels and in normal regions. Pics are from blocks in the footer. Some icons like the chalkboard are doing fine. I used the star to demonstrate the problem.

Pic1: Top is cut off slightly (settings: Rounded corners enabled + block title style)

Pic2: Disabling the rounded corners but having a block title style pushes the icon down.

Am I missing something here?

Thanks for catching that dddave, not sure how that fix didn't get into the latest release, oops! Here is the CSS that fixes that for now though:

.block-icon {
  height: 48px;
  left: 0;
  position: absolute;
  top: 0;
  width: 48px;
  z-index: 100;
}

.marina-rounded-corners .block-icon {
  top: 0;
}

I'll double check later that this gets into the next release.

No biggie. Thx for the fix.

The above CSS didn't fix the issue for me :(

I tried correcting the theme css, as well as putting the above into local.css. No change, icons are still getting clipped.

Apparently flushing the theme registry once wasn't enough. :)

Thanks for the #9 CSS fix. It solved my icon cut off issue. Great theme!

Fixed in the beta release of the theme.

I have a problem related to this one (didn't know whether it's worth starting a new topic). I am testing my site in different browsers and in Opera my icons are displayed perfectly, but in IE and Chrome they run out from the "block area"... I need the icons to fit the background like they do in Opera (it's not a problem to add some px on top and left, but then the icons are logically moved in Opera instead). I'm adding an image, hope it's illustrative.

Nobody is gonna see a closed issue. ;)

Have you tested with FF?

Changes have been made and the fix is in the latest release of the theme.