Related entries in a post

codigo29 · Member · Apr 5, 2016 at 10:24 am
Copy link

Add topic to favorites
Hi. I wanted to know something about related entries within a post. In my theme ‘expound’ within each post, many related entries appear. I want them to appear only two, but I can not get it. I’ve tried several times with CSS code, but can not.

I hope you can help me. Thank you

This is my web http://www.codigo29.com

The blog I need help with is: (visible only to logged in users)
michaelvandenberg · Member · Apr 5, 2016 at 11:13 am
Copy link
Hi there,

You can hide the third related entry with this small snippet of CSS:
```
.related-content article:nth-of-type(3) {
	display: none;
}
```
Let me know if this helps!

Best regards,

Michael
codigo29 · Member · Apr 5, 2016 at 11:20 am
Copy link
many thanks! it worked perfectly !! Thanks, really.

Just one more thing: Any way to make it smaller the size of the title of those related entries?
michaelvandenberg · Member · Apr 5, 2016 at 12:49 pm
Copy link
You’re welcome.

Try this to change the font size:
```
#content .related-content article header.entry-header h3.entry-title {
	font-size: 12px;
}
```
You can change the number if you wish. :)
codigo29 · Member · Apr 5, 2016 at 1:11 pm
Copy link
it’s amazing! It worked perfectly. Thanks again. I see you know a lot about CSS codes. I will take this opportunity to tell more doubt. I hope not bother him too much. And excuse my English, but I’m Spanish. I hope you understand well.

Now, my question is about the main blog, on the cover. I want the head look bigger, but when I try to change all titles cover are changed. You know how?
carladoria · Member · Apr 5, 2016 at 8:20 pm
Copy link
Hi there,
Do you mean the header titles or the header images? Do you only want this change for the home page?
codigo29 · Member · Apr 5, 2016 at 8:32 pm
Copy link
Hello! Yes, I just want to resize the title, not the image. And only on the home page, not the entries. The change is only for the first post of the home page.

Thank!
carladoria · Member · Apr 5, 2016 at 8:54 pm
Copy link
Try this:

.featured-content .entry-title a {
font-size: 40px !important;
}

Change the font size to the one you want.
codigo29 · Member · Apr 6, 2016 at 4:35 pm
Copy link
@carladoria many thanks, but it has not worked … do not know why. when I put the CSS code nothing changes, everything stays the same
thesacredpath · Member · Apr 7, 2016 at 8:06 pm
Copy link
@codigo29, give the following a try. The first rule is so you can set the font size on the titles in the related posts section. The second widens each of them so that they fill more of the available width.
```
.related-content a {
    font-size: 120%;
}
.single .site-content .related-content article {
    width: 45%;
}
```

No items found.