Okay
  Public Ticket #2195921
Portfolio Thumbnail Hover
Closed

Comments

  • wundurer started the conversation

    There is just one thing I’d like to do to make it perfect for me. On the portfolio thumbnails, I’d like the title & category that is displayed on hover to be static and the hover to shade the thumbnail & maybe change the colour of the text.

    As example: https://i.ibb.co/X2Yxqmc/084-AA688-316-B-4-F1-C-A9-AF-B2-D0-B005120-D.png

    Is this possible?

    Also can I change the text of the filter from "Filter" to "Portfolio"?

    Thank you so much!

  •  675
    Neuron replied

    Hi, 

    Sure, there's a small CSS that needs to be added. All the CSS can be added at Theme Options > General >  Custom CSS. First you need to make them visible.

    .wrapper .portfolio .item-holder .item .overlay {
        opacity: 1 !important;
    }
    /* Title Color Normal State & Hover */
    .wrapper .portfolio .item-holder .item .overlay .inner-overlay h3 a {
        color: your_color !important;
    }
    .wrapper .portfolio .item-holder:hover .item .overlay .inner-overlay h3 a {
        color: your_color !important;
    }
    /* Categories Color Normal State & Hover */
    .wrapper .portfolio .item-holder .item .overlay .inner-overlay span {
        color: your_color !important;
    }
    .wrapper .portfolio .item-holder:hover .item .overlay .inner-overlay span {
        color: your_color !important;
    }
    /* Background Overlay Color */
    .wrapper .portfolio .item-holder .item .overlay-background {
        background-color: your_color !important;
    }

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • wundurer replied

    Awesome! It works. Thank you so much.

    I've had fun poking around with the CSS to make it just right.

    All the best to you

  •  675
    Neuron replied

    You're welcome anytime, feel free to ask for anything you needsmile.png

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.