Meta styling

Hi there,

Go to Additional CSS field in the customizer and find this CSS:

@media (min-width: 768px) {
.generate-columns-container article .entry-header .entry-title, .wp-show-posts article .wp-show-posts-entry-title {
    line-height: 2.5ex;
    height: 5ex;
    overflow: hidden;
    text-overflow: ellipsis;
}
}

Let me know if this helps :)

Then reduce the number in height: 5ex;

Leo even when i reduced the number the alignment was not coming good. But when I removed the Hight code it became all good So i have removed- height: 5ex; from the above HTML code. Is that Okay?

Yup that's just CSS so you can edit however you want as long as it looks good to you :)

I would also like to know how can i make "Read more" as a button?

Yeah i got it!

One more problem I am facing is that, i have added author image by following this tutorial - https://docs.generatepress.com/article/entry-meta-style/

But There are 2 separators are appearing
like this-
Abhishek Singh | | October 21, 2018
Also, how can I decrease the font of this meta text?

Glad you've figured out the read more button question.

Where can I see the separator issue? I'm seeing 1 separator currently:
https://www.screencast.com/t/572O3XcN

You can see that error here in the blog page, not the blog post
See just below the title where 2 separator are coming
link - https://bikesquadron.com/blog/

Hi there,

in Customizer > Additional CSS remove this block of code:

.entry-date {
    border-left: 2px solid #fff;
    padding-left: 10px;
    margin-left: 10px;
}

Thank you it worked!
Also, I have one more problem in Changing the colour of the line in comment section.
Since I have changed the background colour to Dark grey the Line in the comment section which make every comment separate is not visible so how can i change that line to yellow color
link - https://bikesquadron.com/2018/08/22/sample-post/

Also in the homepage header section the post excerpt is coming in Caps, how can i make it to the small letter. And this problem is only occurring in that particular section, not anywhere else link- https://bikesquadron.com/
screenshot- https://bikesquadron.com/wp-content/uploads/2020/01/cccc.png

1. Add this CSS:

.comment-content {
    border:1px solid #f1c40f !important;
}

2. You have this broken CSS in Customizer > Additional CSS - remove it:

.wpsp-grid article:not(:first-child) .wp-show-posts-entry-summary, .wpsp-grid article:not(:first-child) .wp-show-posts-entry-meta-below-post, .wpsp-grid article:not(:first-child)

Thank you it worked.
Also for security, I have disabled the theme editor
define( 'DISALLOW_FILE_EDIT', true );
due to that, the next post column is not loading, any solution to that without enabling the theme editor or should I remove it?
link https://bikesquadron.com/2018/09/21/hook-elements/

You can add this PHP snippet to your site:

https://docs.generatepress.com/article/generate_hooks_execute_php/

This will enable file editing just for the Hooks.

Yes, but with this, it will again become security issue.