Hi,
I would like to import my custom designed icons into siteorigin features in order to use some hover effects on them (example “.sow-icon-container.sow-container-round:hover”). Could you please advise if there is a way to do that?
I tried uploading as an image but could not apply any hover effect on it. Any suggestions or alternatives would be appreciated.
Hi,
Issue solved. I uploaded custom image instead of icon and applied the hover effect on the image.
Below code added in siteorigin custom css:
.sow-icon-image:hover{
-ms-transform: scale(1.25) rotate(360deg);
-webkit-transform: scale(1.25) rotate(360deg);
transform: scale(1.25) rotate(360deg);
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-webkit-filter: brightness(120%);
-moz-filter: brightness(120%);
-ms-filter: brightness(120%);
filter: brightness(120%);
}
Hi melachrinos
Thanks for sharing your solution. I’m glad to hear you’ve made progress 🙂
