[Resolved] Remove Read More Button BOX

[24xstudio]

Hey,

I want to replace the current (http://prntscr.com/o6lb4g) read more box button with this (http://prntscr.com/o6la31).

I have aligned it to the right but unable to get the exact button as shown above.

Example URL of what I really want:https://woorkup.com/

[Leo]

Hi there,

Can you first uncheck display read more as button option first and link me to the page in question?
https://docs.generatepress.com/article/blog-content-layout/#archives

Let me know 🙂

[24xstudio]

Hey,

I have attached the website and also unchecked the Display read more as button.

[Leo]

Still seeing the button:
https://www.screencast.com/t/xJUussYmCK

Can you double check?

Let me know 🙂

[24xstudio]

Hey,

I have unticked the option now and I am not seeing read more option.

[Leo]

Are you using custom excerpt metabox?

If so you will need this PHP snippet:
https://docs.generatepress.com/article/activating-read-custom-excerpt/#read-more-text

Adding PHP: https://docs.generatepress.com/article/adding-php/

Let me know 🙂

[24xstudio]

Yeah I have changed it now but unable to align the button as https://woorkup.com/

[Leo]

Can you try inserting a <br> tag at the end of custom excerpt first?

Let me know 🙂

[24xstudio]

Okay I have inserted the <br> tag but its not like that.

I think we have to give class to read more tag and usee CSS to align it right?

[Leo]

Yup edit this existing CSS:

.entry-summary a {
    border-bottom: 2px solid rgba(45, 130, 230, 0.4);
}

to this:

.entry-summary a {
    border-bottom: 2px solid rgba(45, 130, 230, 0.4);
    float: right;
}

Let me know 🙂

[24xstudio]

Thanks a ton man.

One more issue, I would like to have an clock icon for the last update date.

Tried this but not working for me: https://docs.generatepress.com/article/generate_post_date_output/#add-icon-to-date

Can you please help me with that also?

[Leo]

Any chance you can open a new topic for it?

Makes it much easier for us to track the issues.

Thanks 🙂

[Author]

Posts