By using’s services you agree to our Cookies Use and Data Transfer outside the EU.
We and our partners operate globally and use cookies, including for analytics, personalisation, ads and Newsletters.

  • Join the Best Unofficial Elementor Support forum

    Provide or get advice on everything Elementor and Wordpress, ask questions, gain confirmation or just become apart of a friendly, like minded community who love Wordpress and Elementor

    Join us!
elementor official

Add a pipe next to the title of each post



New Member
Hi Everyone

I want to do the thing like the small image to the large image.
Put it simply, I would like to put a "pipe" next to each post titles.
(I used the "POSTS" element to make the right side sidebar)
I have a css code, but i think there is some problem with it.
And that's why there is only one"pipe" shown and not in the proper location.
Can any expert show the magic to help me to solve this problem?

Here is my code
.pipe .elementor-post__title::before {
content: ' ';
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
width: 4px;
height: 12px;
background-color: #d58c0c;



  • question.png
    84.1 KB · Views: 5
  • question2.png
    285.4 KB · Views: 4
Last edited:

Latest posts

Latest Resources

Other Elementor Resources

elementor official