Site logo

Archived topic

Bigger title fonts on featured post

10 replies · Started by Oliver on March 20, 2023

Viewing posts 1–11 of 11

I´m using the option from the customizer to show the first post on the posts archive as featured. Is it possible to make the title of the featured post also bigger then the rest of the post titles from the archive?

No problem
While you look at the site, do you know if there is something i can do to make the right sidebar element look the same on archives as it does on single posts? the reason that is happening is because of the show first post as featured option. if i turn it off, then the right sidebar is shown properly like inside single posts

Hi there,

add this CSS to make the featured post title text larger:

.featured-column h2.entry-title {
    font-size: 36px;
}

For the sidebar, in Appearance > Widgets, edit the Query Loop, and select the Post Template container block In the Layout settings, expand the Flex Child options and set them to:

Grow: 1
Shrink: 0
Basis: 100%

It works, thank you very much David. When I changed the values of Grow, Shrink and Basis, the thumbnail picture of the first post shown in the query loop is not being shown right, it is zoomed in and the aspect ratio is different than the other posts shown on the query loop. I changed the featured image but the new one looks the same.

maybe it is relevant to know that the query loop is not a widget but rather I have replaced the right sidebar for a right sidebar element

Oh thats odd.
Can you select that Image Block and set its Width and Height properties eg. 150 and 100 and set the Object Fit to Cover

Now all posts featured images have the same problem

Adjust the width and the height to suit.
eg. try: width: 100px height: 60px

When I do that all images look zoomed in / chopped, not only the first image

I changed between cover, thumbnail and medium back and forth and it is now somehow working! Thank you very much guys! have a nice day!

Glad to hear that!

This archived topic is closed to new replies.