Docs

[caitlinh]

Please advise how to do two things:

1. Remove the box around the title and excerpt content under the featured image of each post on the homepage (these are created using the recent posts shortcode).

2. Show the entire excerpt I added into the excerpt box on the post page (using the native WordPress excerpt option).

Site info below.

[caitlinh]

This reply has been marked as private.

[Christian]

Hey Caitlin,

There is no box around the title and excerpt. Can you give us more details and screenshot regarding this. Also, please give us access to your WordPress admin.

Thanks.

[caitlinh]

I switched stacks in order to remove the box.

I still need to know how to get a larger amount of excerpt text underneath, and possible a nice “read more” button if that’s possible would be super great.

Access below.

[caitlinh]

This reply has been marked as private.

[Paul R]

Hi,

You can change it in this line of code in your child theme’s functions.php.

. '<span class="x-recent-posts-excerpt">' .  strip_tags(excerpt(25))  . '</span>'

Change 25 to a larger number.

To add read more, add this line below it.

. '<span class="read-more-text"> Read more..</span>'

Hope that helps.

[caitlinh]

One last question… I wanted all my hyperlinks on my site underlined, so I added code in Customizer for that. However, I would like to exclude the excerpt from this rule so that:

The excerpt text is NOT underlined
BUT the “Read More” link IS highlighted

[Paul R]

Hi,

You can add this under Custom > CSS in the Customizer.

.x-recent-posts a {
    text-decoration: none;
}

.x-recent-posts a .read-more-text {
    text-decoration: underline;
}

Hope that helps.

[caitlinh]

Hopefully one last follow up question. How do I:

1. Make there be three dots (…) at the end of the excerpt but NOT after “Read More”

2. Make the underline ONLY go under “Read More” and not in the space before it (screenshot attached)

[Paul R]

Hi,

Please change this line of code

. '<span class="read-more-text"> Read more..</span>'

to this

. '... <span class="read-more-text">Read more</span>'

Hope that helps.

[caitlinh]

You’re the best thank you so much!!!

[Paul R]

You’re welcome! 🙂

[Author]

Posts