Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Title after thumbnail #216

Closed
olivellaf opened this issue Dec 1, 2016 · 3 comments
Closed

Title after thumbnail #216

olivellaf opened this issue Dec 1, 2016 · 3 comments

Comments

@olivellaf
Copy link

Hi,

First of all, thank you for the plugin. At the moment, it seems is a good one.

I wanted to know how to print the title after the thumbnail. I have to touch the template?

My current "shortcode" is:

[catlist name=news thumbnail_class=thumb-content no_post_titles=yes excerpt_tag=p excerpt_class=c_excerpt post_status=publish thumbnail=yes force_thumbnail=yes thumbnail_size=large excerpt=yes excerpt_size=15 posts_morelink="Read more"]

Current CSS classes
`.lcp_catlist {
list-style: none;
display: inline-flex;
width: 100%;
margin: 0;
padding: 0;
}

.lcp_catlist li {
background-color: #eee;
text-align: center;
}

.lcp_catlist li a img {
height: 319px;
}

.lcp_catlist li p {
padding: 25px 15px;
}

.lcp_catlist li h3 {
padding: 15px;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
}

.c_excerpt {
background-color: white;
}

.lcp_catlist li a:last-child {
background-color: #ffba00;
padding: 10px;
margin: 7px 0;
}

.lcp_catlist li a:last-child:hover {
opacity: 0.4;
}`

@HeresJohnyOrg
Copy link

Hi,

I rearranged the order in templates/default.php, moved this line:

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

To be above these lines:
if ( empty($this->params['no_post_titles']) || !empty($this->params['no_post_titles']) && $this->params['no_post_titles'] !== 'yes' ) { $lcp_display_output .= $this->get_post_title($single); }

@alejandro-angulo
Copy link
Contributor

alejandro-angulo commented Dec 6, 2016

You might want to try using a flexbox to chage the order of items. Check this out: https://stackoverflow.com/questions/7425665/switching-the-order-of-block-elements-with-css

@klemens-st
Copy link
Collaborator

Can be closed, two valid solutions mentioned above.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants