Jump to content


Photo
Resolved

Featured slide whole image link



  • Please log in to reply
11 replies to this topic

#1 rtysmith

rtysmith

    Advanced Member

  • Members
  • 95 posts

Posted 03 October 2012 - 08:51 PM

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)

#2 batman

batman

    Bat Learning

  • Members

  • 2110 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 04 October 2012 - 12:22 AM

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.

#3 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 04 October 2012 - 02:33 AM

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



#4 rtysmith

rtysmith

    Advanced Member

  • Members
  • 95 posts

Posted 04 October 2012 - 04:38 PM

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.

#5 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 04 October 2012 - 04:42 PM

Okay, great. Please let us know what happens.

#6 rtysmith

rtysmith

    Advanced Member

  • Members
  • 95 posts

Posted 04 October 2012 - 05:07 PM

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

#7 rtysmith

rtysmith

    Advanced Member

  • Members
  • 95 posts

Posted 05 October 2012 - 03:44 PM

Still no luck, please help!

#8 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 05 October 2012 - 04:50 PM

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

#9 rtysmith

rtysmith

    Advanced Member

  • Members
  • 95 posts

Posted 09 October 2012 - 03:37 PM

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

#10 rtysmith

rtysmith

    Advanced Member

  • Members
  • 95 posts

Posted 09 October 2012 - 03:43 PM

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) }


#11 mackenzie

mackenzie

    Advocate

  • Members
  • 333 posts
  • Country: Country Flag

Posted 10 October 2012 - 12:33 AM

The topic was marked as resolved.

#12 mothpre

mothpre

    Advanced Member

  • Members
  • PipPipPip
  • 58 posts
  • Country: Country Flag

Posted 27 October 2012 - 05:29 AM

not solved yet





Also tagged with one or more of these keywords: Resolved