Docs

[Garry]

hi,
I have search it for hours, but I dont find it.
How can I make my recent post similar to ethos 1
Im using ethos 3
thanks

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

@media (min-width:767px){
.blog .entry-featured, .search .entry-featured, .archive .entry-featured {
    float: left;
    width: 34%;
    margin: 0;
}
.blog .entry-content, .search .entry-content, .archive .entry-content,.blog header.entry-header,.archive header.entry-header,.search header.entry-header {
    float: right;
    width: 66%;
    padding-left: 35px;
}
}

Hope that helps.

[Garry]

Im sorry but I didnt do any changes.
Thankyou

[Christopher]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Garry]

This reply has been marked as private.

[Rupok]

Hi there,

Kindly provide your URL as well.

Thanks!

[Garry]

This reply has been marked as private.

[Joao]

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

@media (min-width:767px){
.x-recent-posts .x-recent-posts-img {
    float: left;
    width: 70%;
    margin: 0;
}
.x-recent-posts .x-recent-posts-content {
    padding-top: 30px;
}
  
.x-recent-posts a.x-recent-post1 {
     border: 0;
}
}

Hope it helps

Joao

[Garry]

thankyou its worked,
but its to big, how I modify its height.
maybe similar to ethos 1 theme height .

[Christopher]

Hi there,

Please update this code :

.x-recent-posts .x-recent-posts-img {
    float: left;
    width: 70%;
    margin: 0;
}

To:

.x-recent-posts .x-recent-posts-img {
    float: left;
    width: 63%;
    margin: 0;
    padding-bottom: 26%;
    background-size: contain;
}

Hope it helps.

[Garry]

yes thankyou its work.
but I want to make it exactly like ethos 1 theme.
Things I want is :
1. thin line between recent post like ethos 1
2. and make animation (I dont know the name) when mouse cursor on the picture “view post” will appear.
3. and only picture and title that can be pressed. because on my site whole area of recent post cant be pressed

[Joao]

Hi Garry,

The best thing would be to install Ethos 1 and use it´s blog.

The Recent posts Element looks different from that.

And all this requests would require custom development that would be outside the scope of our support.

If you want to change some detail we can help, please let us know.

Thanks,

Joao

[Garry]

I dont use ethos 1 because its homepage cant be modified.
And if I make new static page it will cause same trouble as now.
I need to build it again from scratch like now.
And I will ask same question again.
thanks

[Rupok]

Hi there,

Each stack has different layout and design and achieving style of one stack into another would be tricky and required lot of customization which is out of our support scope. While we are okay with some cosmetic changes, we can’t really assist on such custom development. You can seek help from a professional if you still need do to so.

Thanks for understanding.

[Garry]

okay maybe you can help me on making recent post only pictures and its title can be pressed.
because its whole area can be pressed now.
thanks.

[Author]

Posts