WordPress.org

Ready to get started?Download WordPress

Forums

T(-) Countdown
Causes content below to jump in IE (14 posts)

  1. davidbvogel
    Member
    Posted 1 year ago #

    Just got a message from a client using Explorer: She says that the content under the countdown jumps every time the seconds change. (http://hillsboroartsandcraftsfair.com/)

    Is this is known issue? Do you know of any tweaks I can make to fix that issue? It seems to work well in all other browsers.

    Thanks!

    http://wordpress.org/extend/plugins/jquery-t-countdown-widget/

  2. Baden
    Member
    Plugin Author

    Posted 1 year ago #

    Yay... IE!
    Can you please remove the plugin, then download and install version 2.2.10d direct from the plugin oven and see if this fixes the issue in IE. If not, please try out other styles and see if there is one that does not flash in IE.

    Please inform us of your results.

  3. davidbvogel
    Member
    Posted 1 year ago #

    Tried your suggestion and it didn't seem to make a difference. Thanks for the thought, though. I'll try the other styles and see if that makes a difference. Thanks!

  4. davidbvogel
    Member
    Posted 1 year ago #

    I have tried other styles and I'm still having the issue of the content below the countdown jumping with each tick of the second. Any other suggestions? Thanks!

  5. davidbvogel
    Member
    Posted 1 year ago #

    While I'm thinking about it, the countdown doesn't technically display correctly at all in IE. The labels ("Weeks," Hours" etc.) are offset from where they are supposed to be when viewed in Explorer.

  6. Baden
    Member
    Plugin Author

    Posted 1 year ago #

    Ah! Which version of Internet Explorer are you using, exactly?

  7. davidbvogel
    Member
    Posted 1 year ago #

    Version 9.

  8. davidbvogel
    Member
    Posted 1 year ago #

    Any updates on getting this fixed? It would be MUCH appreciated! I love your countdowns, but I can't use them if they don't work correctly across the board.

  9. Baden
    Member
    Plugin Author

    Posted 1 year ago #

    This should be an easy css fix. try giving your .countdowntimer-2-widget class a fixed height of, say 150px. This should lock down the height of the countdown container and play nice with the content below it.

    If you would like us to go in and solve it for you, please check out our reasonable premium support package at: http://plugins.twinpictures.de/premium-plugins/t-minus-countdown-control/support/

    Let us know if you get it fixed!

  10. davidbvogel
    Member
    Posted 1 year ago #

    Thanks for your help. I'm more than happy to do it myself, but I do appreciate your expertise.

    Where exactly do I locate this .countdowntimer-2-widget class? I looked in the darth (that's the skin I'm using) CSS file, and then I searched the whole plugin, and couldn't locate anything with that class name.

    Thanks!

  11. Baden
    Member
    Plugin Author

    Posted 1 year ago #

    This class is not defined anywhere, you will need to create it. Simply add the following to your theme's css:

    .countdowntimer-2-widget{
       height: 150px;
    }
  12. davidbvogel
    Member
    Posted 1 year ago #

    Welp, that didn't work. Any other ideas?

  13. Baden
    Member
    Plugin Author

    Posted 1 year ago #

    Although you successfully inserted the css, it is not being applied to the element.

    Do you have access to a friend or colleague is knowledgeable in CSS? At the very least, someone that can use basic web development tools to inspect an element and verify that a css class is being applied?

  14. Mandos
    Member
    Posted 1 year ago #

    Hi Baden

    Ok I have added the class (you provided) to the theme's css with DW and as you predicted it didn't make a change in IE so I sent to my client the details for inspecting an element in IE.

    http://support.janova.us/entries/20181293-How-to-inspect-an-Element-in-Internet-Explorer

    He sent it back a screen grab - and I can see the line height is 20px

    Does this mean it isn't being applied to the element?

    If so what are the step I take to apply.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic