Change background color services


#1

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


#2

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


#3

Hi. Thanks!!

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

Regards,
Sara


#4

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