Title: .fade class problem with bootstrap
Last modified: January 1, 2019

---

# .fade class problem with bootstrap

 *  Resolved [kranate](https://wordpress.org/support/users/kranate/)
 * (@kranate)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/fade-class-problem-with-bootstrap/)
 * is there a need to use .fade class for update notice?
    it runs in to problems
   while using bootstrap in admin area.
 * `<div id="wordfenceAutoUpdateChoice" class="fade error">`
 * the div won’t be shown with this configuration.
 * Bootstrap:
    .fade => opacity:0 .fade.in => opacity:1

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [wfdave](https://wordpress.org/support/users/wfdave/)
 * (@wfdave)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/fade-class-problem-with-bootstrap/#post-11042556)
 * Hi [@kranate](https://wordpress.org/support/users/kranate/),
 * I believe it is used to fade-out the notice once it is dismissed. However, it
   can be safely removed.
 * Locate `wp-content/plugins/wordfence/lib/wordfenceClass.php` and go to line `
   5635`:
 * Change this line:
 * `echo '<div id="wordfenceAutoUpdateChoice" class="fade error"><p><strong>Do you
   want Wordfence to stay up-to-date automatically?</strong>&nbsp;&nbsp;&nbsp;<a
   href="#" onclick="wordfenceExt.autoUpdateChoice(\'yes\'); return false;">Yes,
   enable auto-update.</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#" onclick="wordfenceExt.
   autoUpdateChoice(\'no\'); return false;">No thanks.</a></p></div>';`
 * to:
 * `echo '<div id="wordfenceAutoUpdateChoice" class="error"><p><strong>Do you want
   Wordfence to stay up-to-date automatically?</strong>&nbsp;&nbsp;&nbsp;<a href
   ="#" onclick="wordfenceExt.autoUpdateChoice(\'yes\'); return false;">Yes, enable
   auto-update.</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#" onclick="wordfenceExt.autoUpdateChoice(\'
   no\'); return false;">No thanks.</a></p></div>';`
 * Dave
 *  Thread Starter [kranate](https://wordpress.org/support/users/kranate/)
 * (@kranate)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/fade-class-problem-with-bootstrap/#post-11043176)
 * ok, thanks for your reply.
 * but an future update would overwrite the changes, right?
    is this really necessary
   to use this class?
 * my solution is an custom css style in an own separate file.
 *  [wfdave](https://wordpress.org/support/users/wfdave/)
 * (@wfdave)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/fade-class-problem-with-bootstrap/#post-11050727)
 * Hi again,
 * Yes the changes that you make to Wordfence will be overwritten on an update.
 * The `fade` class that Wordfence uses has its own purpose, it causes the element
   to fade-out when it is dismissed.
 * I’ll bring this up with the Wordfence team to see if they could perhaps change
   the class-name to something less generic.
 * Dave
 *  Thread Starter [kranate](https://wordpress.org/support/users/kranate/)
 * (@kranate)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/fade-class-problem-with-bootstrap/#post-11056054)
 * thank you Dave..
    I think an less generic name would be the best solution.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘.fade class problem with bootstrap’ is closed to new replies.

 * ![](https://ps.w.org/wordfence/assets/icon.svg?rev=2070865)
 * [Wordfence Security - Firewall, Malware Scan, and Login Security](https://wordpress.org/plugins/wordfence/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wordfence/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wordfence/)
 * [Active Topics](https://wordpress.org/support/plugin/wordfence/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wordfence/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wordfence/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [kranate](https://wordpress.org/support/users/kranate/)
 * Last activity: [7 years, 5 months ago](https://wordpress.org/support/topic/fade-class-problem-with-bootstrap/#post-11056054)
 * Status: resolved