david wolfpaw

The reason that I wrote it as is was to allow someone to set a custom excerpt length from the widget and just grab the start of the post.

If you want to have it only display the excerpt, write this:

$output .= '<p>' . $display->recent_post_flexslider_excerpt( get_the_excerpt(), $excerpt_length ) . '</p>';

That will pull from the excerpt of the post (assuming a custom excerpt is set), and will still trim it to the length of characters set in $excerpt_length, which is a user-edited field in the widget settings.

Thanks for the info! I’ve just pushed an update that includes your patch to fix this

Sorry for the long delay; I didn’t get notified of this question.

Yes, this does work with custom post types as well. I’ve just updated the plugin JavaScript code as well for higher compatibility.

Did you get this sorted out? I pushed an update since this review, and am preparing some minor CSS changes to make it more compatible with other themes. The goal is to get out of the way of style that a theme sets, while letting you make some style changes as needed to better fit your site.

The order of the HTML changed on purpose in the update. There are now two issues that I see:
1. The icon font for FlexSlider isn’t loading.
2. The styling has changed.

If you update your custom styling on the staging site with the following changes, it should get you to where you want to be:
.flexslider .flexslider-caption – Remove position: relative;, and change the bottom positioning to something smaller as the offset, like bottom: 60px;

Remove the following styles from the custom styling:

#slider-wrap a, #slider-wrap .featured-img span {
    padding: 10px;
}
#slider-wrap a, #slider-wrap .featured-img span {
    display: block;
}
#slider-wrap a, #slider-wrap .featured-img span, .one-column #slider-wrap a, .one-column #slider-wrap .featured-img span {
    padding: 10px;
}

You’ll still want to add your border and rounded edges back, but that’ll get you most of the way there.

Hi @dneale123 I apologize for the delay in responding.

I see that you’ve customized the plugin a bit, which looks great on the page that you have it working on, but appears to have a few bugs on the page with issues. For whatever reason a few things being output by the custom css on that page have code errors. as an example, this is on your homepage:

.flexslider .flexslider-caption {
    position: relative;
    bottom: 230px;
    text-align: left;
    padding-left: 30px;
    padding-bottom: 32px;
    max-width: 80%;
    background: rgba(0,0,0,0.3);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

While this is on the test page:

.flexslider .flexslider-caption {
    position: relative;
    bottom: 230px;
    text-align: left;
    padding-left: 30px;
    padding-bottom: 32px;
    max-width: 80{7f624ae056de7b3c58862bbdf3a4ecbc47e5f02f7f46cc84c321efdcc8faf923};
    background: rgba(0,0,0,0.3);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

Without knowing the rest of the makeup of your site I would only be guessing, but a few things, including a built-in WordPress function, esc_sql can cause that type of error on percentage signs: https://make.ww.wp.xz.cn/core/2017/10/31/changed-behaviour-of-esc_sql-in-wordpress-4-8-3/

While that may not be the full source of issues (it could just be a bug on that staging site), I would ask if you are able to remove the slider widget from the sidebar, update the plugin, put the widget back into place, and re-apply the custom css changes that you made, probably adjusting a few of them for the new layout.

I apologize for the extra stress this has caused for you. I made this a major update instead of a minor release specifically because some of the underlying markup was changed to better accommodate responsive images of different heights and more flexible positioning of captions of varying sizes.

• This reply was modified 7 years, 8 months ago by david wolfpaw. Reason: fix code backticks