[Support request] can i achieve this blog layout in generatepress premium?

[Goldy]

can i achieve this blog layout in generatepress premium?

https://cl.ly/264334043q2K

[Tom]

You should be able to set the feature image to above the title, and then aligned to the left in Customize > Blog > Featured Images.

[Goldy]

thank you, i tried it, but its showing full size images as you see here
https://www.goldyarora.com/blog/

[Tom]

You can set the featured image width to something smaller within that same Customizer section 🙂

[Goldy]

thank you Tom, now it looks better as you see here https://www.goldyarora.com/blog/ , however i don’t want the header where it says website name on the top of this blog page.

how can i remove it, here are my blog page settings –: https://cl.ly/342H1l1o0832

Also, is there a way to add a posts filter at the top so visitors can filter based on categories etc.

Also, is there a way to convert “Read More” link to a button?

BTW – am using Elementor Pro if it makes any difference.

[Tom]

You can remove the header on the blog with this CSS:

.blog .site-header {
    display: none;
}

Adding a filter option would require a plugin of some sort, as the javascript is pretty complicated.

The next version of GPP has an option to turn the read more link into a button, but for now you can use this PHP:

add_filter( 'generate_excerpt_more_output', 'tu_blog_read_more_button' );
add_filter( 'generate_content_more_link_output', 'tu_blog_read_more_button' );
function tu_blog_read_more_button( $output ) {
	return sprintf( '<p class="read-more-container"><a title="%1$s" class="read-more button" href="%2$s">Read more</a></p>',
		the_title_attribute( 'echo=0' ),
		esc_url( get_permalink( get_the_ID() ) . apply_filters( 'generate_more_jump','#more-' . get_the_ID() ) )
	);
}

[Goldy]

thank you Tom, appreciate it, for the filter option do you have any recommended plugin which should work fine GP?

[Tom]

I’m not aware of any good ones unfortunately. You’ll likely need to find something on codecanyon: https://codecanyon.net/category/wordpress

[Goldy]

Can i achieve this layout now without css with the new release?

thank you

[Tom]

Filtering? Not in this release unfortunately.

[Goldy]

thank you Tom, I meant this kind of layout of blog page

https://cl.ly/264334043q2K

1. where background is dark grey
2. Posts appear as lists
3. Each post entry will have different background (e.g first first background, second light grey background, 3rd white, 4th light grey and so on… as it appears in the screenshot above).

[Tom]

Should be pretty easy,

1. Set your container to Separate Containers (Customize > Layout > Container).
2. Set your featured image to above the title (Customize > Blog > Featured Images).
3. Set your featured image to float left (same area).
4. Remove other post meta (Customize > Blog > Blog Content).

Then you can style your text/post titles.

Once you do that, link me to what you have and we can figure out the different background colors.

[Author]

Posts