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 4 years, 9 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;
}
