Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.
Hire Us

Okay
  Public Ticket #2066355
TheGem Product Grid Hover colors
Closed

Comments

  •  3
    altaigenden started the conversation
    July 1, 2019 at 11:27pm

    How to CSS - TheGem Product Grid - Hover type: Show next product image - Styles: white, grey, dark - Hover colors?

  •  4,774
    Michael replied
    July 2, 2019 at 8:14am

    HI!

    Please use Theme Options settings:

    1943661581.png


  •  3
    altaigenden replied
    July 2, 2019 at 1:14pm

    there is no such option there. Highlighting hovering 2nd color is #383d50. do you see it anywhere? in Theme options?

  •  4,774
    Michael replied
    July 2, 2019 at 1:52pm

    Sorry, pls. use following css:

    .portfolio.background-style-gray .portfolio-item:hover .wrap > .caption, 
.portfolio.background-style-dark .portfolio-item:not(:hover) .wrap > .caption {
    background-color: #444 !important;
}

     

    6707465710.png
  •  3
    altaigenden replied
    July 2, 2019 at 4:43pm

    thank you

  •  3
    altaigenden replied
    July 2, 2019 at 5:21pm

    2nd color is Hovering color. How to change the 1-st color? the color showing up before hovering.

  •  4,774
    Michael replied
    July 3, 2019 at 4:20pm

    pls. use following css:

    body .portfolio-item .wrap > .caption {
    background: #DDD;
}
    5110651633.png
  •  3
    altaigenden replied
    July 4, 2019 at 12:42am

    thank you !

  •  4,774
    Michael replied
    July 4, 2019 at 7:36am

    Welcome! Have a nice day!