Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #868376

    I recently closed out a support topic about some changes to the portfolio grid.
    https://kriesi.at/support/topic/thumbnails-are-not-all-same-size-in-portfolio-grid/#post-859421

    You guys corrected the code for me and fixed the problem (yay), but I want to adjust the color of the hover block and text. However, I’m reluctant to change any of the CSS you put in. How do I modify it so that the block is black and the text color is #81eac2? See below for the code being used.

    .grid-content {
    display: none;
    opacity: 0;
    top: -150px;
    position: relative;
    width: 100%;
    }

    .grid-entry:hover .grid-content {
    display: block;
    opacity: .6;
    }

    .grid-entry .inner-entry {
    padding: 40px 30px 0 15px;
    border: none;
    box-shadow: none;
    }

    .grid-entry-title {
    font-size: 18px;
    }

    #868444

    Hey B-LILT,

    Add the following to quick css:

    .grid-content, .grid-entry-title.entry-title, .avia-arrow{
    background:#000!important;
    }
    
    h3.grid-entry-title.entry-title, .grid-entry-excerpt.entry-content{
    color:#81eac2!important;
    }

    Best regards,
    Jordan Shannon

    #868453

    Perfect. Thanks!

    #868461

    Hi,

    No problem. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Change color of hover & text on portfolio’ is closed to new replies.