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 #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,092
    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,092
    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