Blog Page + Recent Post Layout

[eri-se]

Hello !
I am actually working on a new website.

It’s locally hosted,
Cornerstone is 5.1.1
X Theme is 6.5.3
and wordpress is 5.1
and I am working with a child-theme.

I tried to achive this layout for the recent post element and the blog page.

Still, I am stuck and nothing seems to works

(here’s what I archived for the blog page and the recent post element (which is on my homepage))

Thanks a lot

[lely]

Hi Eri-se,

That might be possible with custom CSS.
Since your site is local and we don’t have access, using a demo I can show you how to inspect an element, select the correct element selector. See this: https://screencast-o-matic.com/watch/cqeIhH04SG

 .x-recent-posts a h3.h-recent-posts,
  .x-recent-posts a:hover h3.h-recent-posts {
    color: green; /*Change this color to your preferred color for the title orange*/
   /*Add all other properties you want to change for this title like font-size or font-family or line-height*/
}

For the recent post, inspect the element like how I did it on the screencast, choose the correct selector and make sure that date is set to block so it is in one ROW. Something like this:

   .x-recent-posts .h-recent-posts, .x-recent-posts .x-recent-posts-date {
    display: block;
  }

In case you want to switch which item display first, see this guide: https://tailwindcss.com/docs/flexbox-direction/

Hope this helps.

[eri-se]

Hi @Lely

Unfortunatly, it doesn’t help. I have no problem to identify the class and id, using the web inspector or firebug. But thanks.
I will then, be more clear.

Problems I encounter

RECENT POST -

The fact that the whole excerpt is a link, while I juste want the Read More (Lire la suite) to be clickable.

I followed this tutorial to add the excerpt btw.

BLOG PAGE -
I want the blog page post’s excerpts to be like the recent post’s layout (thumbnails, even when there is no featured picture, etc)

Thanks for your help.

[paul.r]

Hi,

That is how it was designed to work,

Removing the link will break all the css and layout of that element.

It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding. Take care!