Posts widget

The question is Posts widget works with Elementor or do I want a HR tag between each line item?

If it’s just the second question just stylize the article entries (probably li) with some CSS.

What is the extension used: Flexible Posts Widget or Ultimate Posts Widget?

Thank you.
With Elementor PRO we have Post widget. Not extension used.
With Post widget I list Post tile, excerpt and Read more.

I want to put the <hr> tag between each post.

Why do you want a Hr tag just for a line of separation, I think?

You can in the style tab, you have border settings, check only down with 1 px of thickness and add a padding bottom as you like. Very simple.

See here some examples.

Thank you.
The line should be 20 pixels long only.

Ok, for that, do not use a border line but the :: after CSS element with these CSS rules:

.elementor-post.elementor-grid-item {
	position: relative;
}
.elementor-post.elementor-grid-item:after {
    content: "";
    position:absolute;
    width: 20px;
    height: 1px;
    bottom: 0;
    border-bottom: 2px solid #ff0000;
}

See result here

Thank you!!!!
I’ll try it

• This reply was modified 6 years, 4 months ago by jorgiyo.

Ooohhh

I had stayed in the version 2.0.16 and everything was fine.
Today I updated to the version 2.1.5 and it does not work.

The line is drawn to the button READ MORE

Help me please.

Try this :

.elementor-post.elementor-grid-item {
	position: relative;
}
.elementor-post.elementor-grid-item:after {
    content: "";
    position:absolute;
    width: 20px;
    height: 1px;
    bottom: 0;
    border-bottom: 2px solid #ff0000;
}
.elementor-post__text {
	margin-top: 0px;
	padding: 0px 0px 15px;
}
.elementor-posts-container .elementor-post {
	margin: 0 0 -15px;
}

It works perfect.

Thank you.