Show excerpt in grid view

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
December 30, 2019 at 12:24 pm #164988 Resolve

Ryskim
Member

Title is self explanatory.

It’s about the only thing I need right now, to be able to show excerpt and tags / Categories in grid mode. Is this possible?
The blog I need help with is xivsp.net

December 30, 2019 at 3:49 pm #164990
Ed Thomas
Hi there!

It’s about the only thing I need right now, to be able to show excerpt and tags / Categories in grid mode. Is this possible?

That’s not possible with the Photo Blog theme — you could get something similar set up using the Lens theme and some custom CSS, though!

You can activate the Lens theme for your site from here: https://wordpress.com/theme/lens

Then, if you head to the CSS panel of the Design > Customize area of WordPress.com here, you can paste in the following code on a new line, after any other CSS that’s already in the text box on that page: https://wordpress.com/customize/
```
/* display post excerpt on lens theme */
article.post-archive section.meta {
  top: unset;
  bottom: 0;
  opacity: 1;
  z-index: 99;
  background: rgba(255,255,255,0.85)
}

/* remove overlay on hover */
article.post-archive.has-thumbnail:hover .post-image-wrapper {
    opacity: 1;
}
```
After adding that code, click the blue Publish button, and the change will be live on your site!

Also, as a heads-up, since your site has a Premium plan, you’re entitled to live-chat and email support, accessible here: https://wordpress.com/help/contact

You’re welcome to still post in these forums, but those other support avenues may be faster, and you’ll always get a staff reply :)

I hope this helps! Please let me know if there’s anything else we can help with.
January 2, 2020 at 2:27 pm #164991

Ryskim
Member

Thank you so much Ed. I was going to ask, is this theme also yours?

Because the only thing I miss in this theme is the large header image for articles, other than that it’s really nice!

January 2, 2020 at 4:42 pm #164993
Ed Thomas
Hi again!

Thank you so much Ed

I’m glad I could help!

I was going to ask, is this theme also yours?

Lens isn’t designed by Automattic — it’s from Pro Theme Design :)

Because the only thing I miss in this theme is the large header image for articles, other than that it’s really nice!

It wouldn’t be possible to add the large header image, but in doing a bit more thinking on this, you could set something like what you were initially describing up with Photo Blog using the Blog Posts block and a bit of custom CSS!

There’s some information on the Blog Posts block here: https://en.support.wordpress.com/wordpress-editor/blocks/blog-posts-block/

If you set that up on a new page, you can use the following code to make it appear the way that the blog posts appear in Photo Blog:
```
/* make blog posts block full width */
.wp-block-newspack-blocks-homepage-articles {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: 100vw;
	width: auto;
}

/* remove spacing beneath articles in the blog posts block */
.wpnbha article,
.wpnbha.is-grid article, 
.wpnbha.is-grid article:last-child {
    margin-bottom: 0;
}

/* remove spacing between posts in blog posts block on large screens */
@media only screen and (min-width: 600px) {
    .wpnbha.columns-3 article {
    	flex-basis: 33.33%;
    	margin-bottom: 0;
    }
}
```
That will make the block display more like this:

You can then set that new page as the front page of your site from the Homepage Settings panel of the Design > Customize area of WordPress.com here: https://wordpress.com/customize/

There’s a bit more information about that here, if you’re interested: https://en.support.wordpress.com/pages/front-page/#2-set-a-static-front-page

You might need some additional CSS to tweak the way the page is displayed, but that should get you pretty far and might be a good way to go!

Let me know if there’s anything else I can help with :)
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.