1. Knowledge Base
  2. Ascend Theme
  3. Ascend CSS Snippets
  4. Ascend – Always Show Portfolio Titles

Add this CSS to Theme Options> Custom CSS:

.portfolio-loop-image-container .portfolio-hover-item .portfolio-hover-item-inner {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
}

 

To show the overlay as well, add this CSS:

.portfolio-loop-image-container .portfolio-hover-item .portfolio-overlay-color {
    opacity: .5;
}

 

To include the border, add this:

.portfolio-loop-image-container .portfolio-hover-item .portfolio-overlay-border {
    border: 1px solid rgba(255,255,255,.8);
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    opacity: 1;
}

 

Was this article helpful?

Related Articles