Change background color services

Hi. Is it possible to change the background color of the services section to gray? But continue to have the animated effect (in white)?

View image.

Thanks.

Regards,
Sara

Hello Sara,

To do that, try adding the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    .services-section .services-item:after {
      content: '';
      background-color: #ccc;
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute;
      z-index: -2;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;  
    }

Regards,
Kharis

Hi. Thanks!!

Is it possible to change the color of the icon and title of each service?

Regards,
Sara

Hello Sara,

Try this CSS code:

    .services-section .services-item .services-icon i {
      color: #ff0000;
    }

    .services-section .services-item .service-name h3 {
      color: #ff0000 !important;
    }

Regards,
Kharis