Disable links on image frames on Awake WP theme

(15 posts) (4 voices)

1. 

   comlor
   Member

   Hi I'm trying to figure out how to disable the links on the image frame from opening in a lightbox. I'd like to just have the image with a fancy frame no link or the option to have the image link to a page would be great also.

   I changed the jquery.prettyPhoto.js to "deeplinking:false" like other user suggested but that didn't work. Please let me know if this is possible and how do I go about it.

   Thanks kindly

   Posted 5 months ago #
2. 

   Elliott
   Support

   Hello comlor,

   Try this,

   [image_frame link_to = "false" prettyphoto = "false"]

   Posted 5 months ago #
3. 

   comlor
   Member

   Thanks that worked. I appreciate it much

   Posted 5 months ago #
4. 

   Elliott
   Support

   Your welcome, let us know if you have any other questions.

   Posted 5 months ago #
5. 

   32Degrees
   Member

   Hi Elliot,
   I've tried using this code but it doesn't seem to work when I have style="border" – works all ok when this is removed though... any ideas?

   Posted 2 weeks ago #
6. 

   Rochester
   Support

   Hi!

   Could you send us a link for your page?

   []'s

   Posted 2 weeks ago #
7. 

   32Degrees
   Member

   http://dentistryplus.com.au/services/dental-emergencies

   EDIT:
   Also one here:
   http://dentistryplus.com.au/about-us

   [image_frame style="border" prettyphoto = "false" link_to = "false"]http://dentistryplus.com.au/wp-content/uploads/2012/05/featured-about-02.jpg[/image_frame]

   Posted 2 weeks ago #
8. 

   Elliott
   Support

   Open up /wp-content/themes/[your_theme]/lib/functions/image.php and change line 267 from this,

   $out = '<a' . $rel . ' href="' . esc_url( $link_to ) . '" title="' . $title . '"' . $link_class . $link_style . '>' . $out . $loader_img . '</a>';

   To this,

   $out = $out . $loader_img;

   Posted 2 weeks ago #
9. 

   32Degrees
   Member

   Thanks Elliot – I just tried this... no luck unfortunately. If it helps it is Awake 2.8

   Posted 2 weeks ago #
10. 

    Elliott
    Support

    Try deleting lines 283 and 287,

    $out .= '<a href="' . esc_url( $link_to ) . '" rel="prettyPhoto">';

    $out .= '</a>';

    Posted 2 weeks ago #
11. 

    32Degrees
    Member

    Ok, that works for [image_frame style="border"] BUT – it kills all the fancy images I've used on another page in the website (no show for fancy images at all)... I hadn't noticed it on the first fix you posted (didn't check the page I had used fancy images on) so I've had to revert back to the original image.php that came with Awake.

    Posted 1 week ago #
12. 

    Rochester
    Support

    Hi!

    Try this CSS and tell me if it works for http://dentistryplus.com.au/services/dental-emergencies
    

    #post-24 .transparent_frame a {
        display: none;
    }
    #post-24 .transparent_frame:before {
        content: "";
        position: absolute;
        width: 557px;
        height: 340px;
        border: 5px solid #000;
        opacity: 0.3;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter: alpha(opacity=30);
    }

    []'s

    Posted 1 week ago #
13. 

    32Degrees
    Member

    Cheers – that worked. How do I apply it for other similar images on different pages though?

    Posted 1 week ago #
14. 

    Rochester
    Support

    Hi!

    I'm glad it helps.. You'll need to copy & replace that #post-24 part, replacing with each post ID. If you want to give me the links for your items I could send you the complete CSS.

    Oh, and if you want to try it by yourself, go to the post edit screen for the item you want to add this, and take a look at your URL bar. Your address will be something like this: http://YOURSITE/wp-admin/post.php?post=1&action=edit. In this case my post ID is 1, all you've got to do is to take a look at the number that comes just after the post=part.

    Then when you duplicate you rule you'll just have to replace the ID, like this:
    

    #post-24 .transparent_frame a, #post-1 .transparent_frame a {
        display: none;
    }
    #post-24 .transparent_frame:before, #post-1 .transparent_frame:before {
        content: "";
        position: absolute;
        width: 557px;
        height: 340px;
        border: 5px solid #000;
        opacity: 0.3;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter: alpha(opacity=30);
    }

    Hope that it helps!

    []'s

    Posted 1 week ago #
15. 

    32Degrees
    Member

    Brilliant – that's got it! Thanks for all your help. :)

    Posted 1 week ago #

RSS feed for this topic

Reply

You must log in to post.