Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #849105

    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 6 years, 6 months ago by Thijsalex.
    #849537

    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

    #850224

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

    #850311

    Hi,

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

    Best regards,
    Jordan Shannon

    #850393

    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

    #850612

    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

    #852362

    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

    #852668

    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

    #1188654
    This reply has been marked as private.
    #1188682

    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

    #1188688
    This reply has been marked as private.
    #1188710

    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

    #1188774
    This reply has been marked as private.
    #1188873

    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

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