custom.css does not load slide classes

rikaryo

I'm adding the classes to a custom.css to change the slide colors of the ja-healthcare template, but it's not working, few classes are serving custom.css.

How to solve?

thank you anyone who can help me.

Ninja

rikaryo
Hi
This could be error from your code. Maybe you missed to close a brace } in the code. Or the code is incorrect. Can you tell me the code you want to change Or screenshot of the part you want to customize.

rikaryo

Ninja
I looked at my custom.css and found nothing unusual.

I would like to change the colors of the slide and video:

css of the slide that changes the color:

.acm-slideshow .owl-carousel .item .mask {
     background: #cc0000;
    
}

/* edge of the slide */

.acm-slideshow .owl-carousel .item .mask:before {
     border-left: 190px solid #cc0000;
    
}

Video:

.acm-features.style-2 .feature-info {
     background: #cc0000;
     color: #ffffff;
}

.acm-video.style-1 .video-thumb:before {
     background: #cc0000;
     opacity: 0.6;
}

/* mobile videos - kr*/

.acm-video.style-1 .video-thumb:before {
     background: #cc0000;
     opacity: 0.6;
}

Content video:

.acm-features.style-2 .feature-info {
    background: #cc0000;
    color: #ffffff;
}

All code is in custom.css

See attached images:

Thanks a lot for the help!

Ninja

rikaryo
Hi
If a code is not working kindly add !important as below

.acm-slideshow .owl-carousel .item .mask {
    background: #cc0000!important;
    
}

/* borda do slide */

.acm-slideshow .owl-carousel .item .mask:before {
    border-left: 190px solid #cc0000!important;
    
}

/*//// bg botÃµes - kr //// */

.btn-primary {
    color: #ffffff;
    background-color: #BF000E!important;
}

rikaryo

Ninja It worked very well, thanks.

Could you also tell me how I change the colors of the icons of the "flaticon flaticon-hospital-x-ray" class?

See image:

Thanks

Ninja

rikaryo
Hi
Use inspect element to check the classes
example : http://prntscr.com/1e760oq

.blog-department .flaticon::before, .blog-department .flaticon::after {
    color: #3f6cb2;
}

and override it in custom.css

rikaryo

Ninja It worked perfectly, thank you very much.

Ninja

rikaryo
You are welcome!