Hello!

I am using the Marinelli Alagna and I need to get rid of the drop shadow effect from linked images placed inside blocks. As you can see from the attached image (http://drupal.org/files/issues/hover_drop_shadow.jpg), upon hovering over the facebook linked image a shadow appears below it, the same happens with the twitter image.... and that's what I need to get rid of. The drop shadow effect is fine for linked text and I want to keep it that way, however, I would like the shadows not to appear when the linked item is an image.

Any ideas? I would be thankful, I really like these theme.

Thank you for your help.

Comments

Deepika.chavan’s picture

Hi ,
I added class attribute for image links and then added css to that class i.e. class="image-link".
1. I added following code in block body with 'PHP code' input format :

    <?php
$img_path= base_path() . path_to_theme();
?>
<a href="http://www.google.co.in" class="image-link"><img src="<?php print $img_path ?>/home.jpg" alt="Home image"/></a>

2. Created custom css file for that added following code in 'alagna.info'

stylesheets[all][] = local.css

3. In local.css file added following css :

.defaultblock a.image-link:hover {
  background: none;  
}

4. Cleared cached data. here - admin/settings/performance.
Please replace 'home.jpg' by your image name and place that image in 'contrib/marinelli/alagna/.' directory .
HTH !!

Rgrds,
Deepika Chavan.

oadaeh’s picture

Issue summary: View changes
Status: Active » Closed (won't fix)

This issue is being closed because it is against a branch for a version of Drupal that is no longer supported.
If you feel that this issue is still valid, feel free to re-open and update it (and any possible patch) to work with the 7.x-4.x branch.
Thank you.