Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 1, 2016 at 9:38 am #719145
    mcraig77

    Ahoy,

    So I’m trying to do something a little more tricky and need some guidance.

    Is there any way for the images in a grid to have text effect when without rollover it displays one piece and of text than and than when it is hovered has the caption?

    Ideally I would like to to say here “Buyers” than when rollover it would disappear and say the caption “Sign up to receive up-to-the-minute, custom MLS searches delivered to your inbox”

    Can you help me with this or direct me to a plug that could do this..

    Thanks

    December 5, 2016 at 9:33 am #720374
    Rikard

    Hey mcraig77,

    I’m getting a message on Chrome I’ve never seen before when going to the URL you posted. Not sure if your site has been compromised or what? Please see private.

    Best regards,
    Rikard

    December 5, 2016 at 9:34 am #720375
    mcraig77

    Yeah,

    Something went weird. Try the link below

    December 7, 2016 at 3:33 pm #721522
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .av-overlay-on-hover .av-image-caption-overlay,.av-image-caption-overlay:hover .av-image-caption-overlay-center p {
    opacity: 1;
    filter: alpha(opacity=100);
}
.av-image-caption-overlay-center p,.av-image-caption-overlay:hover .av-image-caption-overlay-center .new-caption {
    opacity: 0;
}

    Then add following code to Functions.php file in Appearance > Editor

    function avia_change_caption(){
?>
 <script>
jQuery(window).load(function(){
jQuery('.av-image-caption-overlay-center').append('<span class="new-caption">Buyers</span>');
});
 </script>
<?php
}
add_action('wp_footer', 'avia_change_caption');

    Best regards,
    Yigit

    December 7, 2016 at 8:38 pm #721701
    mcraig77

    Ahoy Yigit,

    Not quite, I found this plugin that shows what I’m trying to achieve https://wordpress.org/plugins/wp-visual-slidebox-builder/ but it isn’t quite there.

    The problem is that this plugin has horrible support from what I see and when I put it into the enfold theme it has white lines around the boarder and is not responsive. I know thats not your problem :) its mine There is a pro version that resolves these issues but am waiting to here back from the plugin creator to make sure it will work. Is there anyway to achieve something like this in enfold? or another plugin that would be responsive and fill the entire are with no white space?

    There will be different 4 instances this effect. Buyers, Sellers, Investors, and Reality One Group thus why I have 4 boxes.

    December 11, 2016 at 6:47 am #722781
    Ismael

    Hi,

    I’m sorry but it’s not possible with the theme. You can try the layer slider but it’s full width. If you can create a test page with the plugin, maybe we can fix the border issues.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.