[Resolved] Meta styling

[_blank]

There is so much of gap between the image and the post meta in category page.
how can I resolve it?
1-https://bikesquadron.com/category/time-saving/
2- https://bikesquadron.com/
In some cases, there is so much of gap in between the title and meta

[Leo]

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;

[_blank]

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?

[Leo]

Yup that’s just CSS so you can edit however you want as long as it looks good to you 🙂

[_blank]

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

[_blank]

Yeah i got it!

[_blank]

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?

[Leo]

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

[_blank]

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/

[David]

Hi there,

in Customizer > Additional CSS remove this block of code:

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

[_blank]

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

[David]

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)

[_blank]

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/

[David]

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.

[_blank]

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

[Author]

Posts