- This topic has 11 replies, 2 voices, and was last updated 7 years, 6 months ago by
Tom.
-
AuthorPosts
-
August 22, 2017 at 2:01 pm #371517
Goldy
can i achieve this blog layout in generatepress premium?
August 23, 2017 at 12:00 am #371707Tom
Lead DeveloperLead DeveloperYou should be able to set the feature image to above the title, and then aligned to the left in Customize > Blog > Featured Images.
August 29, 2017 at 7:44 pm #375696Goldy
thank you, i tried it, but its showing full size images as you see here
https://www.goldyarora.com/blog/August 30, 2017 at 12:21 am #375771Tom
Lead DeveloperLead DeveloperYou can set the featured image width to something smaller within that same Customizer section 🙂
August 30, 2017 at 7:47 am #376067Goldy
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.
August 30, 2017 at 11:02 am #376224Tom
Lead DeveloperLead DeveloperYou 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() ) ) ); }
August 30, 2017 at 11:22 am #376244Goldy
thank you Tom, appreciate it, for the filter option do you have any recommended plugin which should work fine GP?
August 30, 2017 at 8:56 pm #376492Tom
Lead DeveloperLead DeveloperI’m not aware of any good ones unfortunately. You’ll likely need to find something on codecanyon: https://codecanyon.net/category/wordpress
October 13, 2017 at 1:04 pm #402786Goldy
Can i achieve this layout now without css with the new release?
thank you
October 13, 2017 at 9:45 pm #402947Tom
Lead DeveloperLead DeveloperFiltering? Not in this release unfortunately.
October 13, 2017 at 9:49 pm #402950Goldy
thank you Tom, I meant this kind of layout of blog page
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).October 14, 2017 at 11:08 am #403213Tom
Lead DeveloperLead DeveloperShould 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.
-
AuthorPosts
- You must be logged in to reply to this topic.