Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #757978

    Hi guys,

    Love the theme, very flexibel, but… Can’t figure something out. Please check my ‘home’. When i hover the mouse over a picture the hover works great as i wanted it to do, but it looks like the ‘text’ (excerpt) is behind the hover. The hover makes the text harder tot read. Is there a way to get the text on top of the hover?

    I allready made some (4) changes to the css to get this as it is, but the final step….

    1 part: picture does NOT enlarge on mouse over.
    2 part: Transition from picture to hover
    3 part: color for the hover
    4 part: Text with shadow

    The used css is;

    .avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    transform: scale(1,1);
    }
    
    .av-masonry-entry .av-inner-masonry:before {
        content: attr(title);
        position: absolute;
        z-index: 1000;
        width: 100%;
        height: 100%;
    -webkit-transition: all linear 0.5s;
        -moz-transition: all linear 0.5s;
        transition: all linear 0.5s;
    }
    
    .av-masonry-entry .av-inner-masonry:hover:before {
        background: rgba(0, 0, 0, 0.7);
    } 
    
    .av-masonry-entry .av-masonry-entry-title {  
    font-size: 36px !important;
    text-shadow: 2px 2px 1px #000 !important;
    text-align: left !important;
    line-height: 1.8em;
      margin: 0;
      color: #fff;
    }
    

    Hope you can help me or maybe put the code together in 1 part?

    #758556

    Hey Jeffrey,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
        z-index: 1000;
    }
    

    Best regards,
    Yigit

    #758566

    That did it! Awesome! thanks again.

    You can close it now!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘excerpt (title) on hover issue.’ is closed to new replies.