Site logo

Archived topic

Removing Ellipsis (...) in Blog's Masonry Layout

5 replies · Started by Darshil on September 10, 2021

Viewing posts 1–6 of 6

Hi there,

I wanted to remove the page excerpt and Ying suggested setting the "Excerpt Word Count" to 0. Worked like a charm.

However, the ellipsis (...) above the read more button is still visible and I would like to remove that too. Kindly help.

Hi Darshil,

You can try adding this CSS:

.entry-summary p:not(.read-more-container) {
    display: none;
}

Or if you want to completely remove the element from the page, you can try filtering it with this:

add_filter('generate_excerpt_more_output', function($output){
	$output = sprintf(
				'  <a title="%1$s" class="read-more" href="%2$s" aria-label="%4$s">%3$s</a>',
				the_title_attribute( 'echo=0' ),
				esc_url( get_permalink( get_the_ID() ) ),
				__( 'Read more', 'generatepress' ),
				sprintf(
					/* translators: Aria-label describing the read more button */
					_x( 'More on %s', 'more on post title', 'generatepress' ),
					the_title_attribute( 'echo=0' )
				)
			);
    return $output;
10,1});

Hi,
this: .entry-summary p:not(.read-more-container) {
display: none;
}

complete remove the excerpt. I only want to remove the Ellipsis (…) 3 dots after the excerpt when I use the read more button on the blog page: https://nieuw.twiskemolen.nl/nieuws/

How to do that?

Arno Schouten

To the #1

The # i edit man.

Arno Schouten

This archived topic is closed to new replies.