Site logo

[Resolved] Blog Page read more button

Home Forums Support [Resolved] Blog Page read more button

Home Forums Support Blog Page read more button

  • This topic has 26 replies, 4 voices, and was last updated 4 years ago by Ying.
Viewing 15 posts - 1 through 15 (of 27 total)
  • Author
    Posts
  • #2171934
    iamarghya

    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?

    #2171945
    Fernando
    Customer Support

    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. 🙂

    #2171948
    iamarghya

    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.

    #2171979
    iamarghya

    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

    #2171984
    Fernando
    Customer Support

    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. 🙂

    #2171990
    iamarghya

    Perfectly worked… Now for the CSS, I will reply to you after my lunch ok.😅

    #2171994
    Fernando
    Customer Support

    You’re welcome Iamarghya! Alright! Enjoy your lunch! 🙂

    #2172021
    iamarghya

    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

    #2172063
    David
    Staff
    Customer Support

    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.

    #2172067
    iamarghya

    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

    #2172096
    David
    Staff
    Customer Support

    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; */
    }
    #2172107
    iamarghya

    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

    #2172115
    David
    Staff
    Customer Support

    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

    #2172122
    iamarghya

    Ok got it thanks a lot

    #2172202
    David
    Staff
    Customer Support

    You’re welcome

Viewing 15 posts - 1 through 15 (of 27 total)
  • You must be logged in to reply to this topic.