Orvis Portfolio Hover state as permanent

  • Resolved saschafiedler

    (@saschafiedler)


    7 years, 9 months ago

    Hi!
    I already adjusted the Orvis Theme to my needs, but still need the hover state of the portfolio items to be permanent, because I want people, especially on mobile devices, to be able to see what they can expect after clicking on this image. That means I want the translucent background, border and the image-link to be permanently visible.
    I hope you can help me.

    Best regards!

    The blog I need help with is colmar.fyi.

    • This topic was modified 7 years, 9 months ago by saschafiedler.
Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi there,

    Add this to your site via Customize > Additional CSS, and it should make the change on your site:

    .jetpack-portfolio .project-info {
    opacity: 1;
}

.jetpack-portfolio .image-link {
    background: rgba(255, 255, 255, 0.6);
    opacity: 1;
}
    Thread Starter saschafiedler

    (@saschafiedler)

    ?? So easy!
    Thank you so much, it worked like a charm!

    Just in case anyone wants to replicate my design:
    I used CSS from here: GitHub
    And added:
    body {
    border:15px;
    border-style:solid;
    border-color:#fff;
    position: absolut;
    left: 0;
    bottom: 0;
    top:0;
    right:0
    }

    .site-title a, .entry-title a{
    color:#fff
    }

    .site-description {
    color:#fff
    }

    .jetpack-portfolio.hover .image-link, .jetpack-portfolio.hover .image-link:hover {
    background: rgba(255, 255, 255, 0.2);
    }

    .jetpack-portfolio .project-info {
    opacity: 1;
    }

    .jetpack-portfolio .image-link {
    background: rgba(255, 255, 255, 0.6);
    opacity: 1;
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Orvis Portfolio Hover state as permanent’ is closed to new replies.