Archived topic
Blog Page read more button
26 replies · Started by iamarghya on March 30, 2022
If I disable the excerpt the read more button will not be seen anymore, is there any way to use the read more button on the blog archive page without the excerpt?
Hi Iamarghya,
To have a better understanding, may we know exactly how you’re disabling the excerpt?
Moreover, may we also have the link to the site in question?
You may use the private information field if your prefer: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Hope to hear from you soon. :)
I disabled the featured image as of now but Now as my website has a starter amount of articles I think to enable the feature image and so I don't need the excerpt cause no one read it but I want to give a read more button So I disable the excerpt from the customizer and set excerpt length to 0 but there is (...) sign I gave you the link.
And I need a lot of time of yours as I enabled my featured image my mobile version has messed up can you help me with the css
I see.
To remove the Excerpt completely, here is a CSS code you may try:
.entry-summary p:not(.read-more-container) {
display: none;
}
Here is an article with regards to adding CSS: https://docs.generatepress.com/article/adding-css/#additional-css
Adding it through additional CSS should work.
With regards to the featured image, can you provide a sketch of the design you’re going for.
https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots
Kindly let us know how. :)
Perfectly worked... Now for the CSS, I will reply to you after my lunch ok.😅
You’re welcome Iamarghya! Alright! Enjoy your lunch! :)
Now I tried and correct the basics of my blog page.
Now first what I need is after the feature image and the title there is a huge gap so I want to cover it. and if the gap can be used for showing the category there in that gap what do I mean by that feature image, category, headline then metadata, then read more button is this possible?
and want to show the read more button on every device. So, help me with that
Hi there,
Which gap?
https://www.screencast.com/t/f8721UmKSzx
Do you have a mockup of what you want it to look like? Might be easier for us to understand.
no 2 gap is my concern.
no 1 gap will be automatically filled when I add a featured image
I can close the gap with margin CSS but If there are any possibilities I can show the category of the post and read-time or comment view in that gap.
No, I don't have any mockup but am giving you a reference see the articles box design in the link instead of the date I can show that category and read time
Are you using the Block Editor?
As the simplest solution is to hook in your own custom post meta:
https://docs.generatepress.com/article/block-element-post-meta-template/
the before_entry_title hook can be used to position it above the title.
The space itself is due to the margin on the post-image
You already have some CSS with a commented out margin property that can be used to adjust that space.
.blog #main .inside-article .post-image {
overflow: hidden;
aspect-ratio: 16/9;
object-fit: cover;
/* margin-bottom: 20px; */
}
Ya, I commented out for you so U can understand clearly
and another question in the post which I am showing as the last updated date can I show it like this?
see the link
Have you thought about using the Block Element - Content Template ?
90% of the things you require can be done without adding PHP or CSS.
It will allow you to tweak and play with different ideas.
For the Time Ago instead of Date - see Toms reply here:
https://generatepress.com/forums/topic/display-time-ago/#post-452639
Ok got it thanks a lot
You're welcome