Feature Boxes Flipping On Hover

Discussion in 'Traffica WordPress Theme' started by garfie, Feb 5, 2020.

Thread Status:
Not open for further replies.
  1. garfie

    garfie Member

    Joined:
    Dec 27, 2017
    Messages:
    32
    Likes Received:
    0
    Hi,

    I would like to show the 4 feature boxes on my front page, but I no longer want them to flip when you hover over them.

    How can I use css to kill the flipping action?
    How can I change the color of the background of the feature boxes using css?

    Thank you!
     
  2. shemaela21

    shemaela21 Guest Staff Member

    Joined:
    Apr 6, 2019
    Messages:
    855
    Likes Received:
    1
    Hello,

    Warm wishes from InkThemes,

    For deactivating the flipping we will need to deactivate the theme's JS.

    So, kindly send the below-mentioned credential details at [email protected] along with the thread link.

    WordPress Website URL: -
    WordPress Username: -
    WordPress Password: -

    We will let you know the needful.

    Regards,
    Shemaela
    InkThemes.com
     
  3. garfie

    garfie Member

    Joined:
    Dec 27, 2017
    Messages:
    32
    Likes Received:
    0
    I'm following up to my original post with an update.

    First, I'd like to Thank Shemaela for taking care of this quickly on my site.

    Second, the CSS code that was used on my site could have been shared here in the forum for everyone's benefit. So I will paste it below.

    ============================================

    Via (Dashboard -> Appearance -> Customize -> Additional CSS).

    .flipper {
    transition: unset;
    transform-style: unset;
    }
    .flip-container:hover .front, .flip-container.hover .front {
    -webkit-transform: unset;
    transform: unset;
    }
    .front, .back {
    transition: unset;
    transform-style: unset;
    }
    .flip-container:hover .back, .flip-container.hover .back {
    display: none;
    }


    ============================================
     
  4. shemaela21

    shemaela21 Guest Staff Member

    Joined:
    Apr 6, 2019
    Messages:
    855
    Likes Received:
    1
    Hello,

    Warm wishes from InkThemes,

    Thanks for sharing the code here too.

    Let us know if you need further help, we will be happy to help you.

    And always feel free to ask your queries at our support forum: http://inkthemes.com/community/ and at our email [email protected]

    Regards,
    Shemaela
    InkThemes.com
     
Thread Status:
Not open for further replies.

Share This Page