Focus Widget Fill Colour

Hi,

Please give me the link to your website to check it. ??

Regards,
Hardeep

Hi there Hardeep,

Thanks for having a look – the URL is: https://www.intonomansland.org

Best,
Elliot

Hi,

You’ve added the following code somewhere which is causing this issue:

.service-icon:hover {
    background: #2095F0;
    color: #FFF;
}

Regards,
Hardeep

Hi Hardeep,

Thanks for getting back to me on this. I have searched everywhere in my css and can’t find this line. Any ideas where it could be?

Thanks,
Elliot

Hi,

Anyway, you can fix it by adding the following CSS:

.service-icon:hover {
    background: transparent;
}

Also your site’s title should be “Into No Man’s Land” instead of No Mans, just like you’ve used “Man’s” in your logo. ??

Regards,
Hardeep

Hi,

In services section, I have added one more point (row for services now their are 5 points – first one is red, second one is green, third 0ne is blue, forth one is blue and now i have added the fifth one i want to change it’s color) and i want to change the ON HOVER COLORED ROUNDED CIRCLE AROUND ICONS and i am not able to do it.

If you could advise on how to correct this I would be very grateful. Thank you!

Raghavendra

Hello @raghavendra,

Please install Simple Custom CSS plugin and add this code into it:

.focus-box:last-child .red-border-bottom:before{
background:yellow;
}
.focus-box:last-child .service-icon:hover{
border-color:yellow;
}

Regards,
Gourav