related posts

[Whelen Troy]

Hi,

I used a plug in to show related posts under the single post. But I want to hide the Generatepress’ next and previous article option. How do I hide that?

Here’s a link to what I mean: http://www.juanmacau.com/andrews-manpower-consulting-inc/

thanks

GP Premium 1.3

[Leo]

Hi there,

This CSS should work:

footer.entry-meta {
    display: none;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Whelen Troy]

Hi Leo,

I am almost where I wanted my site to be. But one more thing, the related post plug in that I am using is showing the posts aligned to left. Is there anyway that I can change the alignment to center?

Thanks!

[Leo]

Try this:

.yarpp-thumbnails-horizontal {
    text-align: center;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Whelen Troy]

Great. Now, I wanted the title to show under the thumbnail, and not as one with the thumbnails. Can you help me accomplish this?

[Leo]

So remove the border basically?

.yarpp-thumbnails-horizontal .yarpp-thumbnail {
    border: none !important;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Whelen Troy]

Hi Leo,

I tried. But I don’t think I am making any progress. Will you please check out this page:http://www.juanmacau.com/english-teacherlecturer-urgent-in-usj-macau/. It is not showing the entire title. And there is still a border.

What I wanted are:

1. show the featured image without a border.
2. show the entire title below the featured image.
3. I want this centered.

I don’t if I can accomplish this with other plugins. Do you have something to recommend? Or will I just need some codes?

Thank you!

[Leo]

1. Edited the code above: https://generatepress.com/forums/topic/related-posts-2/#post-326934

2 & 3: Looks like it’s not showing the entire title because the font size is too big. Try this to make it smaller and center it:

.yarpp-thumbnail-title {
    font-size: 10px !important;
    text-align: center !important;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Whelen Troy]

Great Leo!

But what I wanted is that to make the title a little bigger. Like I wanted the thumbnails smaller than the title when you look at it.

In perspective, for example.

The entire space is 300px wide. I wanted the thumbnail to occupy only 250px and the title 100%. Get what I mean?

Thank you so much Leo. Your support is awesome.

[Leo]

Hmm that would involve changing the container/image size and such.
All the images are square right now so I don’t think that’s a good idea.

You might have to ask the plugin author for this.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Whelen Troy]

Is it possible if I code this on my own? Like can you help do achieve this without the use of plugins?

[Leo]

Plugin is definitely your best bet.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Whelen Troy]

Well, I guess. I just have to stick with this for now. Thank you very much for your great support.

[Leo]

You’re welcome!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Whelen Troy]

By the way, I’m having problems with my mobile navigation appearance, can you please help me out?

https://generatepress.com/forums/topic/mobile-navigation-unresponsive/

thanks!

[Author]

Posts