Contact listings are mangled

bshadbolt

Any listing of contacts from the contact component are not displayed properly. See the following: http://www.censere.com/index.php/en/asia

saguaros

bshadbolt
Hi,

You can take a backup of your site and try this tweak:
1- Go to file: root/templates/ja_company/less/joomla.less
2- Add this LESS code at the end of this file:

// List contact
.contact-category {
  ul.category {
    border-top: 0;
    overflow: hidden;
 
    li.row-fluid {
      border: 1px solid @gray-lighter;
      width: 100%;
      margin-right: 0;
      margin-left: 0;
      .clearfix();
 
      & > div {
        margin: 0;
      }
    }
  }
 
  .cat-children {
    ul {
      border: 0;
      border-top: 1px solid @t3-border-color;
 
      li {
        background: transparent;
        border-bottom: 1px solid @t3-border-color;
        padding: 5px 0 5px 0;
 
        h4 {
          border-left: 1px dotted @gray-light;
          font-size: 14px;
          font-weight: 600;
          padding: 0;
          padding-left: 15px;
          margin-left: 20px;
          position: relative;
 
          &:after {
            border-top: 1px dotted @gray-light;
            display: block;
            content: "";
            position: absolute;
            left: 0;
            top: 8px;
            height: 1px;
            width: 10px;
          }
        }
 
        li h4 {
          margin-left: 40px;
        }
 
        li li h4 {
          margin-left: 60px;
        }
 
        li li li h4 {
          margin-left: 80px;
        }
 
        &:last-child {
          border: 0;
        }
      }
    }
  }
}

3- If your site is running in Development mode, just refresh the contact list page to see that change. In case that the Development Mode is off, you should go to template manager and hit the button LESS to CSS to compile less to css.