Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 23, 2019 at 3:48 pm #1150540
    tekniskakari

    Hello.

    We’re using Enfold child and when I added a read more button (code below) the size of the element gives what looks like more margin if I scroll it out of sight.

    function ava_custom_script_mod(){
    ?>
    <script>
    (function($){
    $(window).on(‘av-height-change’, function() {
    $(‘.av-masonry-entry’).each(function() {
    var more = $(this).find(‘.av-masonry-read-more’);
    var cont = $(this).find(‘.av-inner-masonry-content-pos’);

    if( more.length == 1 ) return;
    $(‘<div class=”av-masonry-read-more”>Les mer</div>’).insertAfter(cont);
    });
    });
    })(jQuery);
    </script>
    <?php
    }
    add_action(‘wp_footer’, ‘ava_custom_script_mod’);

    October 28, 2019 at 4:23 pm #1151810
    Ismael

    Hey tekniskakari,

    Thank you for the update.

    We don’t really see the unintended margin around or in the load more button. Could you provide a screenshot of the issue? You can upload the screen capture to imgur or dropbox, then post the link here.

    Best regards,
    Ismael

    November 20, 2019 at 4:33 pm #1158534
    tekniskakari

    We got that sorted out by using something else, however the posts on left side are clickable outside their “borders”. See private reply. We’re also trying to increase the spacing between the posts, both the horizontal spacing between and the vertical. When increasing a little bit the right row disappears and get pushed into the left row. How can we increase the spacing? Do we have to increase the spacing of the websites border?

    November 22, 2019 at 9:35 am #1159034
    Ismael

    Hi,

    Thank you for the update.

    You applied a margin to a container that is inside the link tag, so the empty space or margin is still within the link’s bounds. Try to replace this code..

    #top .av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry {
	margin-right: 55px !important;
	margin-bottom: 55px !important;
}

    .. with the following css:

    .av-masonry-entry.av-masonry-item-loaded {
	margin-bottom: 55px !important;
}

#top .av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry {
	margin-right: 55px !important;
}

    Best regards,
    Ismael

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