- This topic has 2 replies, 2 voices, and was last updated 7 years, 9 months ago by Andrew Misplon.
- AuthorPosts
- March 13, 2017 at 10:10 pm #6056
melachrinosParticipantHi,
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.
March 13, 2017 at 11:58 pm #6057
melachrinosParticipantHi,
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%);
}March 14, 2017 at 11:05 am #6058
Andrew MisplonKeymasterHi melachrinos
Thanks for sharing your solution. I’m glad to hear you’ve made progress 🙂
- AuthorPosts
You must be logged in to reply to this topic.