Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3391860
Post Issue
Closed

Comments

  •  1
    Arun Tamang started the conversation

    I want to have a design like this https://prnt.sc/jaT4LdDSwUHA  in every listicle post. I'm using Elementor to edit my posts. However, I'm not getting the same exact divider like this to use on my post. I also the divider is used in categories pages are well, I want to use the same divider like this  https://prnt.sc/jaT4LdDSwUHA on every listicle post. Let me know how can I do that...

  •   PenciDesign replied privately
  •   Arun Tamang replied privately
  •  2,485
    PenciDesign replied

    Hi,

    I can't access your site, here is the screenshot:

    QaPdnY9.png

    Please check.

    Regards,
    PenciDesign.


  •  1
    Arun Tamang replied

    I have integrated Cloudflare into my site. So, you might have opened the site at the time of DNS propagation. Clear the browser cache and you can access the site. If it doesn't work you can clear the DNS cache and access the site...

  •  1
    Arun Tamang replied

    Now the site is working fine, would appreciate if you could fix the issue...

  •  2,485
    PenciDesign replied

    Hi,

    Please follow these steps:

    1. Go to Appearance → Customize → Custom CSS: add the following CSS code:

    .penci-custom-hr-line {
        width: 100%;
        height: 1px;
        background: #f1f1f1;
        margin: 30px 0;
    }

    2. Add the HTML content to the area you want to show the line divider:

    <div class="penci-custom-hr-line"></div>
    

    Regards,
    PenciDesign.

  •  1
    Arun Tamang replied

    Hi, I tried using the HTML content on HTML code and Text editor but the divider isn't showing up. I have already added the CSS code on my site, but still, the divider isn't showing up. Please do it for this page as I have already sent you my admin details: https://techpointnepal.com/best-phones-under-10000-in-nepal/

    Add the divider in this section: https://prnt.sc/HIUnLMy1nmjz

    Let me know how you implemented it after doing so, I'm using Elementor for my posts, so I use HTML, shortcode, and a text editor to use the given HTML content, but still, it's not working. Let me know how you implement it after you are done...

  •  2,485
    PenciDesign replied

    Hi,

    I've checked your post again. This post was fully edited with the Elementor Page Builder, so you can easily add the divider via the Elementor Page Builder element.

    Here is a document detail: https://elementor.com/help/vertical-divider/

    Regards,
    PenciDesign.