Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 6, 2016 at 3:21 pm #609001
    cbehen

    Hello,

    I want to add vertical line between two columns like this :

    Image and video hosting by TinyPic

    [IMG]http://i64.tinypic.com/14bu5i.jpg[/IMG]

    I tried this code :

    home page page-id-330 .avia-builder-el-15:before{
    content: ”;
    height: 220px;
    border-left: 2px solid #B83B3B;
    display: block;
    position: absolute;
    left: -30px;
    visibility: visible;
    }

    This does not work

    Best Regards

    Cihan

    April 7, 2016 at 6:00 am #609329
    Rikard

    Hey cbehen,

    Please try the following instead: 

    .home .avia-builder-el-11 {
    margin-left: 3% !important;
    padding-left: 3% !important;
    border-left: 1px solid red !important;
}

    Thanks,
    Rikard

    April 8, 2016 at 4:23 pm #610306
    cbehen

    Hello Rikard,

    margin-left: 3% !important;
    padding-left: 3% !important;
    border-left: 1px solid red !important; This works as CSS when i put it to chrome element style

    but what is the class for this ?

    .home .avia-builder-el-11 do not work.

    Div’s class name is : <div class=”flex_column av_one_half flex_column_div av-zero-column-padding avia-builder-el-11 el_after_av_one_half el_before_av_one_half ”

    Page name is Welcome as main page and page id is page-id-330

    So what i have to write as ID or class name ??

    April 8, 2016 at 4:47 pm #610325
    cbehen

    .page-id-330 .avia-builder-el-11{
    margin-left: 3% !important;
    padding-left: 3% !important;
    border-left: 1px solid red !important;
    }

    Worked for me after deleting the cache and refreshing the page THANKS

    April 9, 2016 at 7:03 am #610507
    Rikard

    Hi,

    Sorry about the wrong code I gave you, glad you found the correct one yourself though :-)

    Cheers!
    Rikard

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.