Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • September 7, 2017 at 2:33 pm #849105
    Thijsalex

    Hi,

    I have created on top of a page 5 columns. It looks like it is not possible to only show the line at the right hand side of the column (like in Excel).
    Perhaps am doing something wrong? In case it’s not possible I would prefer to add 4 vertical separators between these boxes. I noticed that other people also had a similar question by adjusting something in CSS. Is that a standard code?

    Thanks a lot for you help!

    Alexandra

    • This topic was modified 7 years, 2 months ago by Thijsalex.
    September 8, 2017 at 11:34 am #849537
    Rikard

    Hey Thijsalex,

    We can’t view the content on the URL you posted since we need to be logged into WordPress to see it. Either link to the permalink or post admin login details in private so that we can see your content.

    Best regards,
    Rikard

    September 10, 2017 at 9:52 pm #850224
    Thijsalex

    Please find below the requested details. Many thanks in advance!

    September 11, 2017 at 4:47 am #850311
    Jordan Shannon

    Hi,

    Please link us to the page in question. The preview link above does not work.

    Best regards,
    Jordan Shannon

    September 11, 2017 at 9:36 am #850393
    Thijsalex

    Hi Jordan ,

    Sorry I have been working a lot on this draft page, so thing might have changed a bit.
    On the following page (http://deli-vers.nl/?page_id=8431&preview_id=8431&preview_nonce=451a7ef78d&_thumbnail_id=-1&preview=true) I would like to create 4 small vertical separators on the first line of the page. ( after: maandag 18.09, after dinsdag 19.09, after woensdag 20.09 and donderdag 21.09).

    Is that possible?

    Many thanks, Alexandra

    September 11, 2017 at 6:00 pm #850612
    Victoria

    Hi Alexandra,

    Do you mean something like that? Put this in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css

    
.page-id-8431  .avia-builder-el-0, 
.page-id-8431 .avia-builder-el-2, 
.page-id-8431 .avia-builder-el-4,
.page-id-8431 .avia-builder-el-6 {
  border-right: 1px dashed #ccc;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    September 15, 2017 at 1:01 am #852362
    Thijsalex

    Hi Victoria.

    Indeed something like this. However the last line appears somewhere else on the page? That looks a bit weird though.

    Best regards,

    Alexandra

    September 15, 2017 at 9:17 pm #852668
    Jordan Shannon

    Hi,

    Adjust the css to the following:

    
.page-id-8431 .avia-builder-el-2, 
.page-id-8431 .avia-builder-el-4,
.page-id-8431 .avia-builder-el-6,
.page-id-8431 .avia-builder-el-8   {
  border-right: 1px dashed #ccc!important;
}

    Best regards,
    Jordan Shannon

    February 27, 2020 at 9:30 pm #1188654
    matthleif
    This reply has been marked as private.
    February 27, 2020 at 11:34 pm #1188682
    Jordan Shannon

    Hi,

    Add this to quick css:

    @media only screen and (min-width: 767px)  {
.page-id-4267 .avia-builder-el-2 {
    border-right: none!important;
    padding-right: 0px!important;
}}

    Best regards,
    Jordan Shannon

    February 28, 2020 at 12:09 am #1188688
    matthleif
    This reply has been marked as private.
    February 28, 2020 at 5:28 am #1188710
    Jordan Shannon

    Hi,

    Change css to this:

    @media only screen and (max-width: 767px)  {
.page-id-4267 .avia-builder-el-2 {
    border-right: none!important;
    padding-right: 0px!important;
}}

    Best regards,
    Jordan Shannon

    February 28, 2020 at 8:15 am #1188774
    matthleif
    This reply has been marked as private.
    February 28, 2020 at 6:01 pm #1188873
    Jordan Shannon

    Hi,

    No problem at all, I’m happy to help. If you need anything else, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Vertical separator between 5 columns’ is closed to new replies.