piterkaillada

Thank you!

Hi,

Thanks for your reply. Your suggestion worked perfectly!

Let me make it a bit more complicated, though 😉

If I want mobile devices to have 2 columns and tablets to have 3…
Considering I want to use 600px and 992px as breakpoints, I´ve tried using this CSS:

@media only screen and (max-width: 600px) {
   .wdi_feed_item {
       width:50% !important;
   }
}
@media only screen and (max-width: 992px) {
   .wdi_feed_item {
       width:33% !important;
   }
}

… but the latter overrides the former.

Can you, please, give me a hand here?

Thank you so much again!

I found another solution. Will try this one as well.

Thank you very much!

Thank you very much, that was a great solution. Excellent support one more time!!!

I hope you don’t mind me asking this: is there any way to limit the post title to a certain amount of lines (instead of words or characters) that’s cross browser?

Thank you again!

Hi again!

Well, this is my best, but still not enough. In order to modify thumbnail sizes, I tried this:

/**
 * Builds custom HTML.
 *
 * With this function, I can alter WPP's HTML output from my theme's functions.php.
 * This way, the modification is permanent even if the plugin gets updated.
 *
 * @param	array	$mostpopular
 * @param	array	$instance
 * @return	string
 */
function my_custom_function( $mostpopular, $instance ){
	$output = '<ol class="wpp-ul">';

	// loop the array of popular posts objects
	foreach( $mostpopular as $popular ) {
	
	if ( isset($instance['widget_id']) && 'wpp-4' == $instance['widget_id'] ) {
    // return html output for widget wpp-4
	// Thumbnail
	$output .= ( has_post_thumbnail( $popular_post->id ) ) ? '<a href=' . get_permalink( $popular_post->id ) . ' class="wpp-img">' . get_the_post_thumbnail( $popular_post->id, array(240, 156) ) . '</a>' : '';
  }
  else {
    // return html output for the rest of the widgets / shortcodes
  }
}
 $output .= "<li>";
		$output .= "<h2 class=\"entry-title\"><a href=\"" . get_permalink( $popular->id ) . "\" title=\"" . esc_attr( $popular->title ) . "\">" . $popular->title . "</a></h2>";
		$output .= $stats;
		$output .= $excerpt;
		$output .= "</li>" . "\n";

	}
	
	$output .= '</ol>';

	return $output;

add_filter( 'wpp_custom_html', 'my_custom_function', 10, 2 );

It didn’t work. I don’t really know what I’m doing so it might be wrong or missing something.
If some code must be added to the html markup box, I simply have no idea how to do it.
This is the link where I’m using that wpp-4 widget. By the way, I noticed how it overflows its container and slightly overlaps with the footer menu. It’s weird and causes issues with the surrounding elements.

About the shortcode, I also wanted to change the image size. This is the code I’m using:
[wpp post_html='<li>{thumb} <a href="{url}">{text_title}</a></li>' wpp range="last7days" stats_views=1 order_by="views" wpp pid='267,746,269,720' wpp limit=5 wpp thumbnail_width=500 thumbnail_height=130 wpp stats_taxonomy=1 post_html='<li>{thumb} <a href="{url}">{text_title}</a> {category}</li>']
You can see it here. It’s the second list of posts; the first is another plugin. Note that is shows the custom taxonomy but not the category.

Well, I’m about to give up, this is becoming too much for me and I’m asking way too much of you! It makes me wonder if there’s not a way to simultaneously check the Category and Taxonomy boxes in the widget menu? That’s all I originally needed! 😂😂

In any case, thank you for your patience and support!!!

Hi Héctor,

I’m lost, I’m sorry. Html still is too far away from me. Let’s see…

I don’t know how to use (print_r( $instance ). Don’t know how or where.

If I’m not wrong, I understand that now, every time I’d like to modify the “stock” settings, I have to write html via my_function( $popular_posts, $instance ) using widget_id and save it in my functions.php or code snippets. I have some questions about his, hope you can enlighten me!

– Would this only work for the widget, and shortcode would always look like the “stock” ?
– Could I use css (with the specific widget id) to style any particular output to my liking?

– In the case I wanted to use a certain “template” (not the “stock”) in different posts / pages, would it be enough to add all the widget id’s to the function?

For example, I’m thinking that what I’d like to edit in a new widget would be only the image size and the text properties and general alignment of all the items. Would I have to change the image size through html and the rest through css?

I wish I could edit the settings through the widget menu like before! 😥 hahaha

Anyway, I’m sweating a lot, but learning. Thank you very much again!