Disable Rollover on ICONS within Feature Item

[littleditty]

Hi, Kleo,

Love the theme. I am working on turning OFF the rollover function on all ICONS on this homepage. I go to edit but see no place to remove the rollover function. I see where it can be “animated” (this is turned OFF on all) but I think that is for another function — like movement when visible, etc.

We have W3 Cache plugin installed but I deactivate it when I work on changes to the site. I’ve cleared my own browser history and still have the same problem.

Can you please help me solve this?

https://www.carpooltoschool.com/

Thank you

[Laura]

Hello, can you specify a bit more what do you mean? Could you share a screenshot? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[littleditty]

Yes, hi, Laura,

Please see attached. It seems the automatic function is for a border around the icon to show up when the cursor goes over it. I want it so the icons do not change or highlight in anyway upon rollover. You can see what I mean on the center icon in the jpg I sent over.

Thank you.

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, just add this to style.css of child theme 🙂

COPY CODE

.custom-color .feature-item:hover .feature-icon {
    border: none !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[littleditty]

Laura,

I tried the code you sent, but there is still an outline when the cursor leaves the box/div that the icon is in. Any suggestions?

Thank you

[Laura]

Hello, can you share credentials so i can test it? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[littleditty]

Sorry for the delay!

I got it to work by doing just this portion of what you sent:

.feature-icon {
border: none !important;
}

Thank you for your help!!!

[Laura]

Glad to help 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts