Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 15, 2018 at 4:11 am #973075
    navindesigns

    On my page http://spadeconsult.com/insights at the top there is a section called BLOG with 3 posts

    how do I remove the space between the posts and just have a vertical line like my screenshot – https://imgur.com/a/w09Orq3

    June 15, 2018 at 4:59 am #973081
    Mike

    Hey navindesigns,
    Try this code in the General Styling > Quick CSS field:

    @media only screen and (min-width: 767px) { 
.avia-content-slider.avia-content-grid-active.avia-content-slider1 .slide-entry.flex_column.av_one_third {
    margin-left: 0%!important; 
    width: 33.3% !important; 
}
}

    Best regards,
    Mike

    June 18, 2018 at 3:51 am #974067
    navindesigns

    That works but I need to add a 1 px border around each one like my mockup

    Thanks

    June 18, 2018 at 1:25 pm #974236
    Victoria

    Hi navindesigns,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look? There might be the border option in the element options.

    Best regards,
    Victoria

    June 18, 2018 at 4:07 pm #974334
    navindesigns

    here you go

    Thanks!

    June 19, 2018 at 11:15 am #974700
    Victoria

    Hi navindesigns,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 768px) {
  .flex_column.av_one_full.flex_column_div.avia-builder-el-7 .slide-entry.flex_column.post-entry {
    border: 1px solid #cccccc5e;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    min-height: 550px;
  }

  .flex_column.av_one_full.flex_column_div.avia-builder-el-7 .slide-content {
    padding: 5px 7px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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