Featured post in single column, then two columns?

  • Resolved kathom

    (@kathom)


    9 years, 11 months ago

    Hi, I would like to include a featured post in each category. For this I use the Category Sticky Post Plugin.

    Since Hueman is by default in two columns, the featured post is shown along with the others. I would like to emphasize it and put the featured post in a single column, but keep the standard posts still in two columns.

    I use a child theme and entered the following CSS:

    .post-list .category-sticky {
    width: 100%;
    border:none;
    background-color:#ccc;
    }

    This is the result: the featured shows as desired, but then there’s a line break after the second instead of the third post being right next to it.

    https://www.thomas-knip.de/bilder/screen.jpg

    Any idea how I may resolve that?

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi kathom. Can you post a link to your site that’s using Hueman? Thanks.

    Thread Starter kathom

    (@kathom)

    Of course. This is the link to the category where I’m trying to adjust the featured post as a test.

    https://www.seite-99.de/category/fantasy/

    The theme still sees the sticky post as a normal post so it’s one of the two posts in the first post row. However, since the width is 100%, it pushes the second post in the row down. The next row of posts starts below that. Try the following css in your child theme. It removes the row float and row border. It’s only applied on the first page of the category since we don’t want to affect the other pages.

    /* first page of category, remove float and border */
.archive:not(.paged) .post-list .post-row {
  float: none;
  border: none;
}
    Thread Starter kathom

    (@kathom)

    Thanks for the help, but this does not quite fully work. It creates emtpy slots between some posts.

    https://www.seite-99.de/category/science-fiction/

    Edit: I think I foud out what causes this behavoiur:
    If the title in the left row is two lines long, but the tile in the right row is only one, this “empty” slot appers. But only then.

    Thread Starter kathom

    (@kathom)

    I had to remove all additional CSS because it causes problems on the subsequent pages. Have to look for a new solution. :/

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Featured post in single column, then two columns?’ is closed to new replies.