[Resolved] Hover effect on circles siteorigin features

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

  • Author
    Posts
  • #6056

    melachrinos
    Participant

    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.

    #6057

    melachrinos
    Participant

    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%);
    }

    #6058

    Andrew Misplon
    Keymaster

    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.