- This topic has 15 replies, 4 voices, and was last updated 2 years, 9 months ago by Leo.
-
AuthorPosts
-
June 11, 2021 at 6:17 am #1818541shoukugp
Hi
I have arranged 3 articles in one raw with thumbnails while scrolling to the bottom section of my homepage there are 2 block is empty, how to fix this?, You have to check from pc browser
June 11, 2021 at 7:38 am #1818636DavidStaffCustomer SupportHi there,
in Dashboard > Settings > Reading you would have to change the Blog pages show at most to
9
June 11, 2021 at 8:31 am #1818880shoukugpFIXED IT THANK YOU
THERE ONE MORE ISSUE RELATED TO THE HOME PAGE, REGARDING IMAGE LAYOUT SIZE ISSUE AS PER GOOGLE SPEED TEST
Serve images that are appropriately-sized to save cellular data and improve load time. Learn more.
WordPress
Upload images directly through the media library to ensure that the required image sizes are available, and then insert them from the media library or use the image widget to ensure the optimal image sizes are used (including those for the responsive breakpoints). Avoid usingFull Size
images unless the dimensions are adequate for their usage. Learn More.June 11, 2021 at 8:38 am #1818884DavidStaffCustomer SupportGo to Customizer > Layout > Blog –> Featured Images >> Archives ( Tab ). Remove any Width / Height settings you have and set the Media Attachment Size to Medium ( 300px ) or Medium Large
June 11, 2021 at 8:53 am #1818905shoukugpHi,
I have changed the settings as per your guide, earlier I was added manually 300 pixel width to show the gap between post image thumbnail, but once i change my settings as per guide there is no gap between post featured image, attached the link screenshot
June 11, 2021 at 9:09 am #1818920DavidStaffCustomer SupportCan you clear any caches as i cannot see the changes on the site
June 11, 2021 at 10:00 am #1818986shoukugpCleared the cache, please check
June 11, 2021 at 11:12 am #1819053YingStaffCustomer SupportHi there,
Try add this CSS:
@media (min-width: 769px) { .generate-columns-container { justify-content: space-between; } .generate-columns-container article.post { width: 32%; } }
Feel free to adjust the number.
Let me know 🙂
June 11, 2021 at 7:17 pm #1819305shoukugpDoesn’t work anything
current additional css code as follws
/* GeneratePress Site CSS */ /* Volume Remastered CSS */
/* Featured post in blog */
.featured-column.grid-100 {
width: 100%;
}.featured-column.grid-100:not(.has-post-thumbnail) .gb-grid-wrapper > .gb-grid-column:first-child {
display: none;
}/* Custom Post Navigation remove empty classes */
.featured-navigation .gb-grid-column:empty {
flex: 0 1;
}
@media(min-width: 769px) {
.featured-navigation .gb-grid-column:not(:empty) {
flex: 1 0;
}
}/* Single Post Hero image responsive controls */
@media(max-width: 1024px) and (min-width: 769px) {
.page-hero-block:before {
background-size: cover;
}
.featured-column,
.featured-column img.wp-post-image {
width: 100% !important;
}
}
@media(max-width: 768px) {
.page-hero-block:before {
background: none;
}
}/* Post Archives – force post meta to vertically align bottom */
.generate-columns-container .post>.gb-container,
.generate-columns-container .post>.gb-container>.gb-inside-container,
.post-summary>.gb-inside-container {
display: flex;
flex-direction: column;
height: 100%;
}.post-summary {
flex: 1;
}.post-summary>.gb-inside-container>*:last-child {
margin-top: auto;
}
/* Add border radius to post archive images */
.generate-columns-container .dynamic-featured-image {
border-radius: 4px;
} /* End GeneratePress Site CSS */June 11, 2021 at 9:20 pm #1819343LeoStaffCustomer SupportCan you add Ying’s code in so we can see why it isn’t working?
June 12, 2021 at 2:11 am #1819484shoukugpHi
I have added the code, now the alignment issue has been fixed on the desktop browser, but in the mobile version, I don’t want to show 3 posts in one single row, in mobile it should be one post one row, how to fix this issue
June 12, 2021 at 7:16 am #1819660LeoStaffCustomer SupportI just made her code desktop only:
https://generatepress.com/forums/topic/home-page-post-alignment-issue/#post-1819053June 12, 2021 at 9:50 am #1819921shoukugpOkay, fixed now the mobile issue,
now check my earlier issue: https://generatepress.com/forums/topic/home-page-post-alignment-issue/#post-1818880
Upload images directly through the media library to ensure that the required image sizes are available, and then insert them from the media library or use the image widget to ensure the optimal image sizes are used (including those for the responsive breakpoints). Avoid using
Full Size
images unless the dimensions are adequate for their usage. (this negatively affecting Page speed score)I was just migrated to generate press from sahifa theme, do I want to regenerate all thumbnails?
June 12, 2021 at 9:56 am #1819923LeoStaffCustomer SupportPlease open a new topic for the separate issue so we can keep one question per topic.
Thanks!
June 12, 2021 at 9:59 am #1819927shoukugpOkay
-
AuthorPosts
- You must be logged in to reply to this topic.