Post Issue | PenciDesign Support

PenciDesign Supporter replied

3 years ago

Staff Reply

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.

Arun Tamang replied

3 years ago

Customer Reply

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...

PenciDesign Supporter replied

3 years ago

Staff Reply

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.

Arun Tamang replied

3 years ago

Customer Reply

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

Arun Tamang replied

3 years ago

Customer Reply

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...

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

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

Please check.

Regards,
PenciDesign.

Arun Tamang started the conversation

3 years ago

Conversation Start

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...