ridestory

If anyone who likes to tinker and figure out custom CSS, please take a look at my explanation of what I would like to do.

I really appreciate the help.

Aha…I figured out how to skip a post.

Simply using the code query_posts('offset=1'); solved it.

But I still need help styling the headline as explained above.

If anyone is available to take a look at this, please visit…
https://ridestory.com/substory/

I have managed to get the full width Featured Image from the most recent post to appear at the top of the home page. I did this by creating a header.php for the child theme.

What I am struggling with now is styling the headline. I want it to look like the headline when you click through to read a post; i.e., the headline overlays the Featured Image. This should be easy with some CSS but at the moment, I can’t figure it out.

Also, since I want the most recent post to be represented by the Featured Image on the home page, whereby you access the full post by clicking the image and/or headline, is there a way to skip it and show the next most recent post next?

For example, if you visit the URL above, you’ll see my dummy post entitled, “Dodge Challenger” at the top of the home page, represented by the full size Featured Image. But the same post appears again below it. Obviously, it needs to be skipped and the Porsche post should appear below the large image of the Dodge Challenger.

Thanks for any help you can offer.

Just to clarify, I do want my home page to look like qz.com. I like how their first “post” is a full width image with an overlaying headline. And by clicking either the headline or image, it passes you on to the full post. I’m hoping the Featured Image option in WordPress can serve as the full width image on the home page.

I would like the full width image and headline to be above the left sidebar information, which I think you are explaining above.

I’m sorry but I’m having a hard time following your instructions. I am very much a noobie when it comes to altering code and working with CSS.

I appreciate your time and help. Thank you.

There are classes “post-cover-title-wrapper”, “post-cover-title-image” and “post-cover-title-head”.

You see these after clicking through to read the full post. With the full post, you see the full width image with the overlaying headline. This is what I want on the home page.

Can those classes be used to help achieve what I want?

I get an image above my content but nothing else. It isn’t picking up the headline for the post.

Do I place a <div class=”first-post”> around the a href you provided above? I did that but it didn’t change anything.

I don’t know if you’ve looked at this but here is the test site…
https://ridestory.com/substory/

Hello, paulwpxp. And thank you for responding to my question. I really appreciate your time and help.

I understand how to edit the content.php file. I assume you mean to duplicate the content.php file and add it to the child theme, with the revised code.

But I’m having a hard time understand the CSS code you outlined. I struggle understanding CSS so I’m unclear on what to do.

Can you explain it another way that I might understand it better?