Hover colour on our focus section Serif Lite

Hello Scott,

Please have a look at this document: https://docs.themeisle.com/article/67-zerif-changing-skill-circles-color.

Best regards,
Alexandra

Hi Alexandra,

I am trying to do this as well. I have followed your instructions to a t. I’ve created my child theme, added all my css changes to that child theme and all work fine.

I’ve then created a js. folder in my child theme to copy the jquery.knob.min.js document, but I only have a file named jquery.knob.js. When I go to edit that file it does not contain

jQuery(".skill1").knob({
		'max':100,
		'width': 64,
		'readOnly':true,
		'inputColor':' #FFFFFF ',
		'bgColor':' #222222 ',
		'fgColor':' #e96656 '
});

Is that because I am using the child theme??
This is the website I am working on https://sunstatepainting.luisadigirolamo.com

Hi Scot and luisadigi

Try to change this in your css

.focus-box:nth-child(4n+1) .service-icon:hover {
border: 10px solid #FFFFFF;
}

Change the hex code of color as per your requirement

Thanks
Divdeep Singh

Thankyou Divdeep!!! It worked. Very happy ??

Hi luisadigi

I am happy to help you

Divdeep Singh

If I could ask you another question please. With the “send message” button, I’m able to change the colour using this code

button, input[type="button"], input[type="reset"], input[type="submit"] {
    background-color: #7d0021;
}

But I can’t figure out how to change the hover colour. Any ideas?

Look for button:hover code in your css