Service Catalog - Icons / Images - Remove hover over change colour
Dear All,
Is there a way to remove the hover over change colour for icons on the service catalog?
Kind Regards
Daniel
Best Answers
-
Shane_White Cireson Support Super IT Monkey ✭✭✭✭✭
Hi Daniel,
Try this out for me:
.sc-item-list .media-link:hover:after {
background-color: unset;
}
.sc-item-list .media-link:hover .fa {
bottom: unset;
opacity: unset;
}
.sc-item-list .media-link .fa {
display:none;
}
Thanks,
Shane
5 -
Shane_White Cireson Support Super IT Monkey ✭✭✭✭✭
Hi Daniel,
Rather than background color being set to 'unset', 'try transparent'!
IE is a rubbish browser anyways 😉
Thanks,
Shane
5
Answers
Any help with this please?
Thanks
Daniel
Hi Daniel
Is this what you are after? Put this in Custom.css:
.service-catalog-content .mini-template-body .mini-services img:hover {
opacity: unset;
}
.service-catalog-content .thumbnail-lg:hover .favorite {
opacity: unset;
background: none;
}
If not, send me a screenshot of what you are trying to remove.
Thanks,
Shane
Hi Shane,
This didnt work but ideally what i would like from this is some code which can do the following on the service catalog:
Remove favorite functionality from SC and replace it with
When clicking on a Request offering picture or text it will take you to the offering
Kind Regards
Daniel
Hi Daniel,
Try this out for me:
.sc-item-list .media-link:hover:after {
background-color: unset;
}
.sc-item-list .media-link:hover .fa {
bottom: unset;
opacity: unset;
}
.sc-item-list .media-link .fa {
display:none;
}
Thanks,
Shane
Hi Shane,
This seems to work good, only thing it doesn't seems to work in and still allows for hovering and changing colour in internet explorer?
If you can't sort this in IE no worries as we use Chrome and Edge here and seems to be ok in these.
Thanks
Daniel
Hi Daniel,
Rather than background color being set to 'unset', 'try transparent'!
IE is a rubbish browser anyways 😉
Thanks,
Shane
This has fixed it and worked.
Thanks
Daniel