[rbrt_bene]

Hy Sakin,
How can I make the post listing page to look like in the Simple Catch Theme (the featured picture and then inline the post excerpt)?
I am talking about the page where all the post excerpts are listed.
Thank you,
Robert

[Sakin]

@rbrt_bene: Actually we don’t have that option in Catch Everest Theme. It’s the design only for Simple Catch Pro theme. But can you show me where you want to add that. In homepage or in blog page. I need to check in your site. So, send me your site URL?

[rbrt_bene]

Hy Sakin,

I need to use that in blog page. https://www.theautoexperience.ro/noutati
…and use the menu “Articole” – that is the blog page.

Thank you,
Robert

[rbrt_bene]

sort the page access link is: https://www.theautoexperience.ro/contact

[Sakin]

@rbrt_bene: I cannot check in your site as it’s under construction.

[rbrt_bene]

Hy Sakin,

Try this link please: https://www.theautoexperience.ro/testimonology

Sorry, in the meantime I made some changes on the site.

Regards,
Robert

[Sakin]

@rbrt_bene: It’s bit complicated as it’s not designed that way. But maybe you can try adjusting the following CSS and add it in “Appearance => Theme Options => Custom CSS” box.

.page-blog .hentry {
    height: 1%;
    overflow: hidden;
}
.page-blog .hentry .featured-image {
    display: inline;
    float: left;
    width: 30%;
}
.page-blog .hentry .entry-container {
    display: inline;
    float: right;
    width: 65%;
}

[rbrt_bene]

Hy Sakin,

Thank you for the great work, it works like a charm 🙂 I think this solution is great news for a lot of people who searched this…

Now I just need to make the post excerpt text aligned justify and to have the featured image height about 20% bigger so that the picture to be the same height as the excerpt is.

Is that also possible?

Regards,
Robert

[rbrt_bene]

Coming up with update, I managed to solve the last requests:
Excerpt text aligned justify, except the title:
.page-blog .hentry .entry-container { text-align: justify; }
.page-blog .hentry .entry-title { text-align: left; }

And the image size was solved by setting in Theme Option => Content Featured Image Option to show the full image.

Thank you again for this wonderful solution and the excellent support.

Warm regards,
Robert

[rbrt_bene]

Still… is there a way to show the featured image only in the post listing page and hide it at the post page? A full image in the post page doesn’t look so good.

Thanks,
Robert

[rbrt_bene]

Coming back with update on this as well, I managed to solve it with the following CSS:
.single .featured-image { display: none; }

Apologize for bothering

Robert

[Sakin]

@rbrt_bene: That’s great. It’s ok you can buzz me that’s not a problem.

[rbrt_bene]

Hy Sakin,

I have one more thing that I want to do on the post listing page. I want to apply box shadow to the featured pictures, but I can’t figure it out how to do that. I managed to put a border around with this CSS: .page-blog .hentry .featured-image { border: 2px solid #911d1d; }, but this is not what I want.

Due to the applied CSS: .post .entry-content img {box-shadow: none;} I removed the shadow in post images and that is fine. Now I want to have just for the featured images in the post listing page (blog) to put back the shadow.

How can I do that? I guess the CSS is something like: .page-blog .hentry .featured-image { box-shadow: ………..; }

Can you please advise?

Thanks,
Robert

[Sakin]

@rbrt_bene: Yes you are right. For features image it will be as below

.page-blog .hentry .featured-image {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

If this is not working then you need to send me the url of that particular page.

[rbrt_bene]

You are the man!

Thank you very much for your assistance 🙂

Regards,
Robert

[Author]

Posts