Site logo

Archived topic

feature posts help

5 replies · Started by William on June 22, 2020

Viewing posts 1–6 of 6

Hi there,

I was wondering if I'm able to create featured posts on my homepage with similar style to this site. One big one on the left and 4 smaller ones on the right. If the styling can be consistent with my site, like including author name and category, that will be great.

Thanks in advance!

Site password: Generatepress

Hi there,

simplest way is to create 2 x WPSP lists.
One for the large featured post.
and one for the other 4 featured posts set to display as 2 columns.

Then use a Column Block to add the two lists to the page.

I notice you're using Pagination on 2 of your lists on your home page. We recommend against using pagination when other lists are displayed - you will notice navigation from the longer list also effects the smaller list.

Hi David, Thank You!

I managed to create them by assigning different tags. How can I align the height so both the right and left columns are the same?

Also, how can I create a line that goes across the heading like this site? Like how they have a line across "Top Picks"

Thanks!

Not simple.
Select the left hand column and in the Settings sidebar > Advanced > Additional CSS class add:

forced-height

then add this CSS to your site:

@media(min-width: 769px) {
    .forced-height > div, 
    .forced-height .wp-show-posts, 
    .forced-height .wp-show-posts-single.post {
        height: 100%;
    }
    .forced-height .wp-show-posts-inner {
        height: calc(100% - 1.8em);
    }
}

Hi David, Thank You!

You're welcome

This archived topic is closed to new replies.