11 replies to this topic

[rtysmith]

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]

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]

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.

Attached Files

•  10-3-2012 10-25-34 PM.png   15.14K  2 downloads

[rtysmith]

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]

Okay, great. Please let us know what happens.

[rtysmith]

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

[rtysmith]

Still no luck, please help!

[catrina]

"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]

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

[rtysmith]

OK, figured it out, see: http://kevindees.cc/...verlap-css-fix/

need to add this to CSS:

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

[mackenzie]

The topic was marked as resolved.

[mothpre]

not solved yet