Forum Replies Created

Viewing 15 replies - 91 through 105 (of 272 total)
  • Thread Starter Kerry

    (@bluenotes)

    Thanks, I opened a ticket over there as well.

    Plugin Author Kerry

    (@bluenotes)

    I just pushed out the update so you should see it momentarily in your WP dashboard. Thanks for following up on your initial ticket.

    Plugin Author Kerry

    (@bluenotes)

    No my plugin doesn’t control where jquery goes on your site. It could be a setting in your theme or how it calls it. The default behavior of WP is to have it in the head though.

    I’ll push out a quick update in a few minutes to have the widget slider place it in the footer which would solve it for you.

    Plugin Author Kerry

    (@bluenotes)

    Hello,

    The plugin is not discontinued. I apologize that I missed your first message.

    The reason that the slider is not showing is that the inline jquery used to initiate the slider widget requires jquery to be called before it. You currently have jquery called in your footer instead of the header. Moving it back to the header will solve it.

    As an alternative, you can use the shortcode instead and the inline JS is called in the footer which would solve it as well.

    Plugin Author Kerry

    (@bluenotes)

    Looks like it’s having a difficult time with the ajax page transition and the window load function. Basically, The masonry begins after the page has finished loading. The function windows.load may not be firing or is occurring before the ajax has completed.

    Can you try the following? Add it to your theme’s functions.php. It will trigger the window load function which is what the masonry is waiting for.

    function bne_masonry_trigger_load() {
         wp_add_inline_script( 'masonry', 'jQuery(window).trigger("load");');
    }
    add_action( 'wp_enqueue_scripts', 'bne_masonry_trigger_load' );
    
    Plugin Author Kerry

    (@bluenotes)

    I suppose you could try an invisible layer over the slider that would catch the input but leave enough space on the bottom for the nav. Maybe something like this:

    .bne-testimonial-slider-wrapper:before{
        content: "";
        background: rgba(0,0,0,0);
        position: absolute;
        width: 100%;
        height: calc(100% - 30px); // leave 30px for the bottom nav
        z-index: 9999;
    }
    
    Plugin Author Kerry

    (@bluenotes)

    Hi there,

    Most likely, the area where we tackled this before was moved as the free plugin was updated last year. The idea is the same of what needs to be added to the inline JS as outlined here. Depending on which shortcode/widget you’re using this might fall into a number of places.

    v2x Shortcode [bne_testimonials layout=”slider”]
    /includes/shortcode-display.php Line 192

    v1x Shortcode [bne_testimonials_slider]
    /includes/legacy/shortcode-slider.php Line 83

    Widget Slider
    /includes/legacy/widget-slider.php Line 377

    Plugin Author Kerry

    (@bluenotes)

    Hi there,

    That would not be possible with this implementation as each item falls within the size of the column set and cannot break out of it.

    Plugin Author Kerry

    (@bluenotes)

    You would need to remove the background image and then use the :before pseudo class on the two navs.

    Here’s an example using HTML Unicode icons. Using FontAwesome would be the same idea but you would include the FA Unicode and font-family. In either case, you may need to adjust the position of them.

    .bne-testimonial-slider.bne-flexslider .flex-direction-nav .flex-prev,
    .bne-testimonial-slider.bne-flexslider .flex-direction-nav .flex-next { 
        background:none !important;
    }
    .bne-testimonial-slider.bne-flexslider .flex-direction-nav .flex-prev:before,
    .bne-testimonial-slider.bne-flexslider .flex-direction-nav .flex-next:before {
        content: "☜";
        color: #000;
        font-size:30px;
        top: -15px;
        left: -20px;
        display: block;
        position: absolute;
        text-indent: 0;
    }
    .bne-testimonial-slider.bne-flexslider .flex-direction-nav .flex-next:before {
       content: "☞";
        left: -5px;
    }
    
    Plugin Author Kerry

    (@bluenotes)

    Hello,

    That’s because you’re using a lazy loading script. The script replaces the images with a transparent gif that is a larger size than the actual image. Therefore, the slider height is based on the initial transparent image instead of the real image.

    You can try the following CSS which will target all images within the slider testimonial description that have not been converted yet which will allow the slider to properly set the size.

    .bne-testimonial-slider .bne-testimonial-description img:not(.jetpack-lazy-image--handled) { max-height: 100px; }
    
    Plugin Author Kerry

    (@bluenotes)

    Good to hear. Ah, you must be using the legacy widget/shortcode then. Let me know if you have any further questions. Have a great day!

    Plugin Author Kerry

    (@bluenotes)

    It’s not that they’re indenting, but rather the message content is wrapping around the image. What you can do is apply an overflow trick to the content div.

    .testimonial-content { overflow: hidden; }
    Plugin Author Kerry

    (@bluenotes)

    You should have two widgets to choose from — BNE Testimonials Slider and BNE Testimonials List. If you use the shortcodes instead, you would throw those into a text widget.

    Plugin Author Kerry

    (@bluenotes)

    Hello,

    If you’re using the widgets, the slider and list are separate widgets which you can find in Appearance > Widgets. On your linked page, it’s using the list widget. You can also use the shortcode versions shown below

    List

    [bne_testimonials layout="list"]

    Slider

    [bne_testimonials layout="slider"]
    Plugin Author Kerry

    (@bluenotes)

    You would just copy that to your custom CSS area of your theme or within the WP Customizer. The CSS above targets the caption area and sets a font size of 15px.

Viewing 15 replies - 91 through 105 (of 272 total)