Docs

[Pbalazs89]

Hi there,

I am wondering if there is a way to edit the css of recent posts to have the excerpts appear on the right of the img.

This is where I am:

http://biokutatas.decorolux.com/

This is where I want to be:

Home

Thanks!

[Christopher]

Hi there,

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

.x-recent-posts-img {
    float: left;
    width: 52%;
    margin: 2%;
}

Hope that helps.

[Pbalazs89]

Hi Christopher,

Thank you so much, that helped.

Is there a way to influence the height of the img? So that text flows around it like on the example page?
I tried to add the ‘height’ attribute but it does not seem to work.

Thanks again!

[Christopher]

Hi there,

Add this code as well :

.x-recent-posts .x-recent-posts-content {
    float: right;
    width: 50%;
    border: none;
}

Hope it helps.

[Pbalazs89]

Thanks for your help. All looks great.

One more question:

How do I format this to look well on mobile? Right now, the text part is about 500% longer. Is there a way to maximize the height of the ‘recent posts’ box on mobile?

Thanks!

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

@media (max-width: 767px) {
  .x-recent-posts a.x-recent-post1 {
      width:100%;
  }
.x-recent-posts .x-recent-posts-img,
.x-recent-posts .x-recent-posts-content {
    float:none;
    width:100%;
}
.x-recent-posts .x-recent-posts-img {
    margin:0 0 10px;
}
}

Hope that helps.

[Pbalazs89]

Thank you it looks perfect!

[Thai]

You’re most welcome 🙂

[Author]

Posts