# Callout and countdown modules' issues on IE11

**URL:** <https://community.wpbeaverbuilder.com/t/callout-and-countdown-modules-issues-on-ie11/7413>\
**Category:** Beaver Builder\
**Created:** [March 1, 2016, 7:34pm UTC](https://community.wpbeaverbuilder.com/t/callout-and-countdown-modules-issues-on-ie11/7413 "2016-03-01T19:34:29Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![mauriced](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/m/3ec8ea/32.png) [@mauriced](https://community.wpbeaverbuilder.com/u/mauriced)\
**Post date:** [March 1, 2016, 7:34pm UTC](https://community.wpbeaverbuilder.com/t/callout-and-countdown-modules-issues-on-ie11/7413/1 "2016-03-01T19:34:29Z")

</div>

There’s a couple of issues with my website on IE11:

1. The countdown is not animated: [http://screencast.com/t/HPGppY35Bve](http://screencast.com/t/HPGppY35Bve)

2. Callout module’s images suddenly have a lot of extra padding on both sides: [http://screencast.com/t/ARh9kVZSe3w](http://screencast.com/t/ARh9kVZSe3w)

more of the same issue:

[http://screencast.com/t/lyxgewrk28S](http://screencast.com/t/lyxgewrk28S)

Relevant thread where you helped me adjust the images position and padding: [http://forum.wpbeaverbuilder.com/support/q/callout-module-adjusting-image-position/#post-96850](http://forum.wpbeaverbuilder.com/support/q/callout-module-adjusting-image-position/#post-96850)

I’ve never really done anything on WP to optimize the website for IE browsers. Any ways to get rid of those issues?

---

<div class="post-metadata">

**Author:** ![Danny](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/danny/32/3451_2.png) [@Danny](https://community.wpbeaverbuilder.com/u/Danny)\
**Post date:** [March 2, 2016, 5:13pm UTC](https://community.wpbeaverbuilder.com/t/callout-and-countdown-modules-issues-on-ie11/7413/2 "2016-03-02T17:13:38Z")

</div>

Hi Maurice,

Can you provide a link to the page(s) where these issues are happening, please?

Thanks,  
Danny

---

<div class="post-metadata">

**Author:** ![mauriced](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/m/3ec8ea/32.png) [@mauriced](https://community.wpbeaverbuilder.com/u/mauriced)\
**Post date:** [March 2, 2016, 5:35pm UTC](https://community.wpbeaverbuilder.com/t/callout-and-countdown-modules-issues-on-ie11/7413/3 "2016-03-02T17:35:12Z")

</div>

Yeah, my bad, I forgot to paste the most important thing.

[http://www.factorydesk.com/](http://www.factorydesk.com/)

---

<div class="post-metadata">

**Author:** ![Danny](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/danny/32/3451_2.png) [@Danny](https://community.wpbeaverbuilder.com/u/Danny)\
**Post date:** [March 3, 2016, 12:25pm UTC](https://community.wpbeaverbuilder.com/t/callout-and-countdown-modules-issues-on-ie11/7413/4 "2016-03-03T12:25:44Z")

</div>

Hi Maurice,

I had a bit of a hard time diagnosing your issue, as BrowserStack was constantly crashing or loading insanely slow. However, can you try adding the following CSS.

```auto
logistics-1 .fl-callout-photo .fl-photo-align-center {
    text-align: right;
}

```

You may want to increase the `padding-right` so that they’re not so close together. Then check on IE again and see if this resolves the issue.

In regards to the Countdown, you appear to have a JS error on your site which may be causing the issue. Is it possible for you to disable all active plugins except BB and check again. If the issue persist, let us know and we can look into further.

Thanks,  
Danny

---

<div class="post-metadata">

**Author:** ![mauriced](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/m/3ec8ea/32.png) [@mauriced](https://community.wpbeaverbuilder.com/u/mauriced)\
**Post date:** [March 4, 2016, 12:56am UTC](https://community.wpbeaverbuilder.com/t/callout-and-countdown-modules-issues-on-ie11/7413/5 "2016-03-04T00:56:34Z")

</div>

Adding the CSS you provided resulted in the whole content of the module being aligned to the right on IE11:

[http://screencast.com/t/i7qzCgfA](http://screencast.com/t/i7qzCgfA)  
[http://screencast.com/t/zJK2p5Y99g0](http://screencast.com/t/zJK2p5Y99g0)

Any other ways to fix the problem?

---

<div class="post-metadata">

**Author:** ![bencarlo](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/bencarlo/32/287_2.png) [@bencarlo](https://community.wpbeaverbuilder.com/u/bencarlo)\
**Post date:** [March 4, 2016, 9:23am UTC](https://community.wpbeaverbuilder.com/t/callout-and-countdown-modules-issues-on-ie11/7413/6 "2016-03-04T09:23:48Z")

</div>

Hey Maurice,

Can you remove all other styling for those Callout modules and add the ones below instead?

```auto
.one-system .fl-callout-photo {
  display: inline-block;
  width: auto;
  vertical-align: top;
  max-width: 20%;
}
.one-system .fl-callout-content {
  display: inline-block;
  width: auto;
  max-width: 80%;
}
.logistics-1 .fl-callout-photo {
  display: inline-block;
  width: auto;
  vertical-align: middle;
  padding-right: 10px;
}
.logistics-1 .fl-callout-content {
  display: inline-block;
  width: auto;
}
.logistics-1 .fl-callout-content .fl-callout-title {
  padding-bottom: 0px;
}

```

Ben

---

<div class="post-metadata">

**Author:** ![mauriced](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/m/3ec8ea/32.png) [@mauriced](https://community.wpbeaverbuilder.com/u/mauriced)\
**Post date:** [March 6, 2016, 5:50pm UTC](https://community.wpbeaverbuilder.com/t/callout-and-countdown-modules-issues-on-ie11/7413/7 "2016-03-06T17:50:18Z")

</div>

That worked really well, thank you!

---

<div class="post-metadata">

**Author:** ![bencarlo](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/bencarlo/32/287_2.png) [@bencarlo](https://community.wpbeaverbuilder.com/u/bencarlo)\
**Post date:** [March 7, 2016, 9:49am UTC](https://community.wpbeaverbuilder.com/t/callout-and-countdown-modules-issues-on-ie11/7413/8 "2016-03-07T09:49:04Z")

</div>

No worries! Enjoy!

Ben

---

<div class="post-metadata">

**Author:** ![system](https://community.wpbeaverbuilder.com/uploads/default/original/2X/9/9db1b183a7ea1efa26199a2a2b3511d742473dae.png) [@system](https://community.wpbeaverbuilder.com/u/system)\
**Post date:** [April 27, 2019, 10:22pm UTC](https://community.wpbeaverbuilder.com/t/callout-and-countdown-modules-issues-on-ie11/7413/9 "2019-04-27T22:22:43Z")

</div>


