- This topic has 7 replies, 4 voices, and was last updated 6 months, 3 weeks ago by
Leo.
-
AuthorPosts
-
August 13, 2020 at 9:36 am #1401264
Rohan Verma
Can you take a look at the home page ‘Read More’ button?
1. They are not properly aligned after including the excerpt. They should be aligned even if I increase the words count in the excerpt.
2. I also want to move the homepage excerpt slightly upper. There is a gap between meta info and excerpt.
August 13, 2020 at 2:26 pm #1401650Tom
Lead DeveloperLead DeveloperHi there,
1. Try this:
.wp-show-posts-image.wpsp-image-left { margin-bottom: 2em; }
2. This should do it:
.wp-show-posts-entry-header { margin-bottom: 0.8em; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentAugust 14, 2020 at 2:20 am #1402243Rohan Verma
Thanks, it’s working. But the gap of some the article titles is quite wide.
1. Any possible way to reduce those gaps?
2. The excerpt and Read More button is showing on the mobile version. How to remove that?
August 14, 2020 at 7:38 am #1402635David
StaffCustomer SupportHi there,
1. You have set the margin-bottom to 5em – reduce that figure.
I have also added the same rule in the CSS for mobile to reduce that gap.2. Try this CSS:
@media (max-width: 768px) { .wp-show-posts-entry-summary, .wpsp-read-more { display: none; margin: 0; } .wp-show-posts-image.wpsp-image-left { margin-bottom: 1em; } }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 14, 2020 at 9:59 am #1402984Rohan Verma
Yes. Thanks. Working.
1. But if the article title is long, the read more button sometimes shifts automatically for that particular title on desktop. While the rest is okay.
2. I have used the centering site logo in mobile css code from the documentation. It works good. But the sub-menu item seems breaking the layout. Just tap/click on the menu icon on mobile version and help me on it.
I’m using below code:
#mobile-header .site-logo {
position: absolute;
left: calc( 50% – 110px); /* 50% from the left – half your image width */
}#mobile-header button.menu-toggle {
position: absolute;
left: 0;
}August 14, 2020 at 10:16 am #1403016Leo
StaffCustomer Support1. You’d need to crease the em value in Tom’s CSS here to accommodate that.
https://generatepress.com/forums/topic/read-more-button-and-excerpt-alignment/#post-14016502. Please open a new topic for this.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 14, 2020 at 10:47 am #1403064Rohan Verma
Okay. Thanks.
I’m creating a new topic.
August 14, 2020 at 10:50 am #1403069Leo
StaffCustomer SupportNo problem 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.