Okay
  Public Ticket #1244650
Change hover thumbnail effects
Closed

Comments

  •  17
    Marcelo started the conversation
    July 18, 2017 at 11:15am

    Hi, can I use a pattern for the Hover color background for thumbnail?

    My client asked me to do this and in LABORATOR it only has solid color. Can I use another style?

    My client wants a texture in place of color. See the example in the attached image.


    link

    www.valencaevalenca.profissional.ws/valencachild/portfolio-test-10-stretch/

  • [deleted] replied
    July 18, 2017 at 2:40pm

    Hi Marcelo

    It's possible to be done. I see that you already have editing the bg-color from Custom CSS in this case it will be a bit different just.

    #portfolio-1.portfolio-holder .item-box .thumb .hover-state{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJUlEQVQYV2NkwAT/GdHE/jMwMDAiC4IFQIpggjABuEq4CqhR/wEbSQcEChQUOwAAAABJRU5ErkJggg==) !important;
    background-color: transparent !important;
}

    You can upload Image to Media Library than you can just copy the URL. And past in background property, or generate one in http://www.patternify.com/.

    Thank you.

  •  17
    Marcelo replied
    July 18, 2017 at 4:17pm

    Eroll, obviated by the return. I pasted your code into CSS CUSTOM and nothing happened. Did I do something wrong?

  • [deleted] replied
    July 19, 2017 at 5:51pm

    Hi Marcelo

    You have same declaration of code on Custom CSS, Delete the code below.

    #portfolio-1.portfolio-holder .item-box .thumb .hover-state {
    background-color: #000000 !important;
}
  •  17
    Marcelo replied
    July 19, 2017 at 6:09pm

    Okay, I'll test it.

    Tks

  •  17
    Marcelo replied
    July 19, 2017 at 6:15pm

    Eroll, I checked here in css code.

    This line you commented on is the line you gave me and I added it.

    You passed me that line down.

    #portfolio-1.portfolio-holder .item-box .thumb .hover-state{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJUlEQVQYV2NkwAT/GdHE/jMwMDAiC4IFQIpggjABuEq4CqhR/wEbSQcEChQUOwAAAABJRU5ErkJggg==) !important;
    background-color: transparent !important;
}


    That line did not work. What must be wrong?

  • [deleted] replied
    July 19, 2017 at 6:30pm

    Hi Marcelo 

    You had just to turn off the color from theme options.

    We will set this ticket solved from here.

    Thank you.

  •   Marcelo replied privately
  • [deleted] replied
    July 20, 2017 at 8:26pm

    HI Marcelo

    I already left the code ready for you just to continue working on the site. just restore the code on Custom CSS and i'm 100% sure that will work if you need further help please follow instruction below.

    I'm sorry but this is a customization question and theme support doesn't offer customization services as we wrote on our support homepage and on our documentation too.

    If you're looking for professional help in this matter, there's always someone available for such tasks on the WP Kraken. Pricing and timeline are always straightforward there and that's the main reason for recommending those services.

    Thanks for your understanding and have a great day.

    This ticket is set solved from here.