Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 1, 2014 at 1:44 pm #298722
    Finlando

    Hello!

    can You tell me please what to add to remove the hover effect of the post image?

    Thanks a lot!

    Regards,
    finlando

    August 1, 2014 at 1:46 pm #298723
    Yigit

    Hi Finlando!

    Please add following code to Quick CSS

    .single .image-overlay {
display: none!important;
}

    Best regards,
    Yigit

    August 1, 2014 at 4:39 pm #298814
    Finlando

    Hi Yigit!

    is there a way to display a bigger version if the post image (in the lightbox) after clicking on it? right now i am getting the same image, what doesnt make sense.

    Cheers,
    finlando

    August 1, 2014 at 4:44 pm #298819
    Yigit

    Hey!

    Please upload your image in bigger size. Your current image size is 566x500px, you can upload the double size of that then it should show the bigger size in lightbox as can be seen in demo site here – http://kriesi.at/themes/enfold/2014/04/28/new-electric-cars-are-getting-really-fast/

    Regards,
    Yigit

    August 1, 2014 at 5:08 pm #298836
    Finlando

    Hey Yigit!

    The problem is that i need the post titel over the pic…, so i have to insert it in the post itself.
    in the post is the size of 566x500px correct… just in the lightbox i need the bigger version.

    maybe i can link the post pic to a bigger pic version? or something like that?

    Thanks a lot Yigit!

    Cheers,
    finlando

    August 2, 2014 at 2:44 am #299047
    Ismael

    Hi!

    Edit the image code on the post itself. 

    <a href="http://nonpardon.com/wp-content/uploads/2014/06/hristos_v_pustyne1.jpg" class="lightbox-added aligncenter" style="float: none; text-align: center; margin: 0px; padding: 0px;"><img class="aligncenter size-full wp-image-5456" src="http://nonpardon.com/wp-content/uploads/2014/06/hristos_v_pustyne1.jpg" alt="hristos_v_pustyne" width="566" height="500"><span class="image-overlay overlay-type-image" style="left: 12px; top: 0px; overflow: hidden; display: block; height: 520px; width: 576px;"><span class="image-overlay-inside"></span></span></a>

    Replace the image link with the original image:

    <a href="ORIGINAL IMAGE URI HERE" class="lightbox-added aligncenter" style="float: none; text-align: center; margin: 0px; padding: 0px;"><img class="aligncenter size-full wp-image-5456" src="http://nonpardon.com/wp-content/uploads/2014/06/hristos_v_pustyne1.jpg" alt="hristos_v_pustyne" width="566" height="500"><span class="image-overlay overlay-type-image" style="left: 12px; top: 0px; overflow: hidden; display: block; height: 520px; width: 576px;"><span class="image-overlay-inside"></span></span></a>

    Regards,
    Ismael

    August 2, 2014 at 1:50 pm #299145
    Finlando

    Hi Ismael!

    Thanks You very much for Your help.

    There is no way to display the bigger image version in a lightbox?

    Regards,
    finlando

    August 2, 2014 at 8:26 pm #299190
    Finlando

    Solved… Thanks a lot!

    Cheers!
    finlando

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘post image hover effect’ is closed to new replies.