Project animated line color

Hi,

Is it possible to change the Project animated line color? I’d like to change the overlay color to white with alpha. Then those lines become unclear.

Hello there,

Please try adding the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    .projects-area .project-thumb:before {
      background-color: rgba(255,255,255,0.8);
    }

    .projects-area .project-title a:before,
    .projects-area .project-title a:after {
      display: none;
    } 

and do some adjustments if needed.

Regards,
Kharis

Hi Kharis,

That code does change the overlay color but I’m talking about the two animated line’s color, those lines are just above and below the project’s title. They are part of hover effect. The line’s color is currently very light gray and it doesn’t stand out against white overlay. I’d like to change it to something like black or #656D6D.

Hello there,

Please try this code:

    .projects-area .project-title a:before,
    .projects-area .project-title a:after {
      background-color: rgba(255,255,255,0.7);
    } 

Regards,
Kharis

That code works well. Thank you, Kharis.

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis