Adding vertical line to homepage

Public Ticket #12231

Conversation thread

PenciDesign replied

6 years ago

Staff Reply

Hi,

Please show me URL for that page to I can take it a look.

Best Regards,

PenciDesign

dp replied

6 years ago

Customer Reply

Thanks for your last message.

Could you please tell how do I keep this line on a desktop, but remove the line from the phone version?

Thanks in advance and have a nice weekend!

PenciDesign replied

6 years ago

Staff Reply

Hi,

Please edit left inner column and add your border - check this image for more:

http://prntscr.com/sbd55r

Best Regards,

PenciDesign

dp replied

6 years ago

Customer Reply

Done and sorry!

Thanks in advance.

PenciDesign replied

6 years ago

Staff Reply

Hi,

Please make your site live to I can take it a look.

Your site is under construction.

Best Regards,

PenciDesign

dp replied

6 years ago

Customer Reply

Hi,

Thanks again. I would like to have a follow-up question.

How do I add the exact same line to a static PAGE created by me in Elementor? I have created exactly the same page (in terms of outlook) as below, but I've built it in Elementor myself. When I choose this page as my homepage, the line disappears even though the code you gave me is still in the Custom CSS. The line is just not showing up.

Please see the page:. (Currently I am not using as my homepage, but I would like to if I can manage to add the line, as in https://dolgospenz.hu

The reason for this is because I want to build it further in elementor , so that I am able to add features that otherwise are more difficult to add.

Could you please help me with this?

Thanks!

dp replied

6 years ago

Customer Reply

Thank you very much!!! It works perfectly.

PenciDesign replied

6 years ago

Staff Reply

Hi,

Please try add more this code to Customize > Custom CSS to do that:

@media only screen and (min-width: 961px){
.container.penci_sidebar #main{ position: relative; }
.container.penci_sidebar #main:before { content: ''; height: 100%; position: absolute; width: 1px; background: #ececec; right: 25px; }
}

Best Regards,

PenciDesign

dp started the conversation

6 years ago

Conversation Start

Hi,

I would like to add a vertical line to my blog's homepage. More specifically, I would like a vertical line down the page between the post list and the main (right hand) side bar.

Please see example of such line onr a screenshot attached.

Many thanks in advance!

Kind regards,

Norbert

Want to join this conversation or access attachments? Sign in first.