title the image, hide the rest

One last Saturday update.

I got most of the CSS fixed, except for my original problem of getting a break between the different categories.

It still all jumbles together with the previous category. For example after “Articles” comes “Off Body Hoop Tricks” and part of the lettering is all mixed up with the Articles posts – https://hooptricks.org/start-here

I know this is just a CSS issue, but I can’t seem to figure it out.

Any last help?

Thank you!

So, that file needs to be put in a directory called “list-category-post” which is in your theme’s directory. Remove the title class and the thumbnail class from your shortcode.

Type in your OWN heading for the section.

Put the shortcode in it’s own Paragraph < p > tags.

So you should have something like:

Heading

Shortcode

Heading

Shortcode

When looking at the editor.

Yup, got the file in the right place, but putting short code in it’s own paragraph doesn;t seem to work and if I take away the thumbnail class in the shortcode, then no thumbnail appears.

The code on my page looks like this

Take some time and learn something new, we update this site a couple times a week so there is always a new hooping trick to learn!
<h2>Articles</h2>
<p>[catlist name="Articles" thumbnail=yes?template=lcp-captionthumb]</p>

&nbsp;
<h2>Off Body Hoop Tricks</h2>
<p>[catlist name="Off body" thumbnail=yes ?template=lcp-captionthumb]</p>

and my css looks like this

.lcp-catlist li {
	display: inline;
	float: left;
	margin: 5px;
	padding: 5px;
}

.lcp-captionedthumb {
	border: 1px solid rgb(153,175,93);
	padding: 5px;
	width: 125px;
	height: 225px;
	font-size: 70%;
	text-align: center;
}

I’m going to reach out to a CSS buddy of mine.
Thank you for your help!
Brandon

This is purely the fault of your H2, I think… There’s no clear on it, but seems like there should be.

If you put a clear: left; in place for the .entry h2, then it looks perfect.

.entry h2 {
  clear: left;
}

@andy
I use the Academica theme, turned out that I had to paste the code in the custom.style file. The code does now what i wanted it to do.

The code I use on the page is:
[catlist id=6 thumbnail=yes thumbnail_class=lcp_thumbnail excerpt_tag=p excerpt_class=lcp_excerpt]

I don’t completely get how it works but it works

Thanks for the help

Hello it is possible to change the order of the showing, First show the imagen and second show the name of the post?

My web is https://mondubergallery.com/previous-exhibitions/

<?php
/*
Plugin Name: List Category Posts – Template
Plugin URI: https://picandocodigo.net/programacion/wordpress/list-category-posts-wordpress-plugin-english/
Description: Template file for List Category Post Plugin for WordPress which is used by plugin by argument template=value.php
Version: 0.9
Author: Radek Uldrych & Fernando Briano
Author URI: https://picandocodigo.net https://radoviny.net
*/

/* This is the string which will gather all the information.*/
$lcp_display_output = ”;

//Add ‘starting’ tag. Using Unordered list
$lcp_display_output .= ‘<ul class=”lcp-catlist”>’;

/**
* Posts loop.
* The code here will be executed for every post in the category.
* As you can see, the different options are being called from functions on the
* $this variable which is a CatListDisplayer.
*
* The CatListDisplayer has a function for each field we want to show.
* So you’ll see get_excerpt, get_thumbnail, etc.
* You can now pass an html tag as a parameter. This tag will sorround the info
* you want to display. You can also assign a specific CSS class to each field.
*/
foreach ($this->catlist->get_categories_posts() as $single){

//Start a List Item for each post:
$lcp_display_output .= ”

• “;

//Start a div with class=lcp-thumb
$lcp_display_output .= “<div class=lcp-captionedthumb>”;

//Post Thumbnail
$lcp_display_output .= $this->get_thumbnail($single);

//put in a
$lcp_display_output .= “
“;

//Show the title and link to the post:
$lcp_display_output .= $this->get_post_title($single);

//close the div with class=lcp-caption
$lcp_display_output .= “</div>”;

//Close li tag
$lcp_display_output .= ‘
‘;
}
// Close the ul tag
$lcp_display_output .= ”;

//Return the data to the page
$this->lcp_output = $lcp_display_output;

?>

I’m using the code that Andy puts on the previus post.
Thanks.