[Resolved] Hover effect on circles siteorigin features

This topic contains 2 replies, has 2 voices, and was last updated by  Andrew Misplon 1 year, 7 months ago.

  • Author
  • #6056



    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.




    Issue solved. I uploaded custom image instead of icon and applied the hover effect on the image.
    Below code added in siteorigin custom css:
    -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%);


    Andrew Misplon

    Hi melachrinos

    Thanks for sharing your solution. I’m glad to hear you’ve made progress 🙂

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

Scroll to top