Resolved Featured slide whole image link

[rtysmith 1]

I've been using below in my function file for some time without issue, but now will not work in IE, any ideas?

add_action('pagelines_feature_before','whole_link_image');

function whole_link_image(){?>

<?php global $post;?>

<?php if(get_post_meta($post->ID, 'feature-link-url', true)):?>

<a class="whole_image_link" href="<?php echo get_post_meta($post->ID, 'feature-link-url', true);?>"></a>

<?php endif;?>

<?php }

In CSS:

a.whole_image_link {

position:absolute;

width:100%;

height:100%;

z-index:9999;

left:0; /*Firefox fix*/

}

Site is: http://eosworldwide.com (works in ff, chrome, not ie)

[batman 389]

HI, I´m not sure but you can try this plugin

"Browser Specific CSS"

It´s free at Pageline > Store > Plugin>Top Free

Add browser specific classes to the main body tags for all major browsers and devices.

[Rob 547]

If you see the attached picture, you'll see a check box for "Make Feature HTML Full Width" in PageLines Framework's Features.

If you check that, you do not need any additional code or CSS. Considering how sensitive IE is to select CSS code, it's probably best to let our code take precedent with that option.

I cannot say it works perfectly in IE8, but it does work in IE9. I've not seen any complaints about it for any browsers.

You should upgrade soon as PlatformPro is going to be deprecated soon.

[rtysmith 1]

OK, that must be a version more recent then mine, I'm on 1.3.2; the theme is a bit customized and I've always been afraid to update, but I'll give it a try.

[catrina 103]

Okay, great. Please let us know what happens.

[rtysmith 1]

I don't see this option in 1.5.2? What am I missing?

[rtysmith 1]

Still no luck, please help!

[catrina 103]

"Make Feature HTML Full Width" <- I'm not seeing this option in the Features settings either. Perhaps it was removed. There would be need to be a workaround (it would've been the browser specific CSS plugin, but it can't be used with PlatformPro - only PageLines Framework). For an IE-related issue like this, I'm not sure what further action could be taken without adding CSS that works specifically for IE.

[rtysmith 1]

OK, so do you know what would need to be added for CSS?

[rtysmith 1]

OK, figured it out, see: http://kevindees.cc/2011/01/ie-adjacent-positioning-image-and-link-overlap-css-fix/

need to add this to CSS:

a { display: block; background: #FFF; opacity:0; filter:alpha(opacity=0) }

[mackenzie 12]

The topic was marked as resolved.

[mothpre 0]

not solved yet