Tabs

As see on: https://hwpi.harvard.edu/styleguide/tabs

 

Add a class called nicetabs and add to the tabs widget

CSS:

#content-column .nicetabs .boxes-box-content li::before{
display:none;
}

.nicetabs .ui-tabs .ui-tabs-nav li a {
    text-transform: capitalize;
    font-size: 18px;
}
.nicetabs ul.tab-links {
    margin: 0 auto;
    width: 70%;
}
.nicetabs .ui-tabs .ui-tabs-panel {
    background-image: none;
    border: 0;
    border-top: 0;
    margin-top: 0;
    padding: 45px 10px 10px 10px;
    border-top: 1px solid;
}
.nicetabs .ui-tabs ul.ui-tabs-nav li.ui-tabs-active {
    border-bottom: 6px solid #215990;
    border-top: none;
}
.nicetabs .ui-tabs ul.ui-tabs-nav li.ui-tabs-active {
    opacity: 1;
}
.nicetabs .ui-tabs ul.ui-tabs-nav li {
    background: transparent;
}
.nicetabs .ui-tabs ul.ui-tabs-nav li.last, .nicetabs .ui-tabs ul.ui-tabs-nav li {
    border: 0;
}
.nicetabs {
    width: 98%;
    margin: 0 auto;
    max-width: 1170px;
}

See also: Effects