Docs

[pdopchev]

Hi guys,

Been searching on the forum but couldn’t find if there is a way to replicate the ethos 1 homepage assigning it as static page? In particular I am referring to the recent post layout used on the demo page…

Thank you!

link: http://www.enjoycrestedbutte.com/

[Friech]

Hi There,

Thanks for writing in! Please clear a page named blog, then navigate to Settings > Reading set the blog page you just created as the Post Page.

That page should be populated with your post automatically.

Hope it helps, Cheers!

[pdopchev]

Thank you for help! However I am looking to recreate the layout of the recent posts when the home page is a Static Page. Is there a way to do that?

[Joao]

Hi There,

We can help you manipulate your recent posts element to look similar to Ethos, Image on the left title and excerpt on the right.

For that I would ak you that you list one post per row instead of 2.

Let us know when it is ready in order that we can help

Thanks

Joao

[pdopchev]

You guys rock! It’s all good to go. One more thing while you are at it – it would be great to hide the dates of the posts!

Thank you!

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

span.x-recent-posts-date {
    display: none !important;
}

Thanks.

[pdopchev]

Thank you! Looking forward to see what you guys will come up with for the recent posts (previous comment)

[Rupok]

Hi there,

Thanks for writing back. Would you explain a bit about the issue? How do you want to recreate the layout? If you have any mockup or screenshot, we might come up with some tailored code for you.

Cheers!

[pdopchev]

Hi,

I am looking to replicate the recent post look/layout from the demo or just what Joao said above:

“Hi There,

We can help you manipulate your recent posts element to look similar to Ethos, Image on the left title and excerpt on the right.

For that I would ak you that you list one post per row instead of 2.

Let us know when it is ready in order that we can help

Thanks

Joao”

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

@media(min-width: 969px) {
.x-recent-posts .x-recent-posts-img {
    width: 200px;
    height: 200px;
    float: left;
    padding: 0;
    margin-right: 2%;
}

.x-recent-posts .h-recent-posts {
padding: 0px;
}

.x-recent-posts a {
border: 0px;
}
.x-recent-posts .x-recent-posts-content {
    padding: 0;
} }

Let us know if you need help with any adjustments.

Cheers

[pdopchev]

This is great! Thank you so much, guys!

A couple of things that I noticed in mobile:

1) is it possible to remove the border of the post?

2) what about bringing the button just a bit closer (on smaller screens) – or control the padding/margin between the text and the button

3) and third – just noticed that the button has rounded corners and the settings in the global customizer are set to square…

[Christopher]

Hi there,

#1 Find this code and close curly bracket :

@media(min-width: 969px) {
.x-recent-posts .x-recent-posts-img {
    width: 300px;
    height: 200px;
    float: left;
    padding: 0;
    margin-right: 2%;
}

It should be :

@media(min-width: 969px) {
/*CSS goes here*/
}

#2 & #3 Add this code :

@media (max-width:979px){
.x-recent-posts-excerpt p {
    margin-bottom: 0;
}
}

.x-recent-posts .x-btn {
    border-radius: 0 !important;
}

Hope it helps.

[pdopchev]

Thank you! You guys are great!

[Thai]

You’re most welcome 🙂

[Author]

Posts