Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.
Get Now

Okay
  Public Ticket #1276706
Change color of overlay in portfolio
Closed

Comments

  • KeLoX started the conversation
    August 18, 2017 at 1:27pm

    Hello,

    I'd like to change the color of the overlay in my portfolio page. How do I do that? Is it an option somewhere or do I have to do it in CSS? If it is CSS could you please provide me with the code and/or the location of the code in your stylesheets.

    Many thanks

    Best

  •  7,280
    Oliver replied
    August 18, 2017 at 2:01pm

    HI!

    pls. use following css:

    .hover-zooming-blur .portfolio-item:hover .image .overlay:before, 
.hover-zooming-blur .gallery-item:hover .overlay-wrap .overlay:before {
border-top: 1px solid #dfe5e8;
}

     

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • KeLoX replied
    August 18, 2017 at 2:23pm

    Hi,

    I added 

    .hover-zooming-blur .portfolio-item:hover .image .overlay:before, .hover-zooming-blur .gallery-item:hover .overlay-wrap .overlay:before {
border-top: 1px solid red;
}

    But it changes only the border and not the overlay

    Could you please provide the correct line of CSS 

    Many thanks

    Best

  •  7,280
    Oliver replied
    August 18, 2017 at 2:28pm

    Sorry,  my mistake, now border:

    background-color: rgba(255, 255, 255, 0.8);


    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver