Also noticed that it’s not showing correctly on the example page you linked to.
Plugin Author
Baden
(@baden03)
Regarding the test server, it’s a good chance the changes have been overwritten, as this is a beta test install and is often updated and changes to css overwritten.
As the CSS on your page, the first thing we noticed is the width is not correct. We will take a look at the tie-fighter css and push out an update if required.
Sorry for the less-than-smooth setup. We’ll get you fixed up.
Plugin Author
Baden
(@baden03)
OK, few things:
First, we fixed the css on the JEDI style hack that had the missing CSS.
Second, the CSS you are adding would not be used, as it’s for .jedi-hours_dash not .TIE-fighter-hours_dash but TIE Fighter is by default on a single line. So, you can go ahead and remove the jedi style changes you added to your theme’s style.css
Finally. We just did a test and the TIE-fighter style is working correctly on a standard WordPress theme. If you create a new page and just add the tminus shortcode to it, does it still look incorrect? We’ll take another look at what is going on your page, but it seems at this point to be theme related.
Stay tune for more…
HERE is a test page with the following shortcode:
[tminus t=”20-06-2014 23:59:59″ style=”TIE-fighter” omitweeks=”true”/]
It’s still not showing correctly. Thanks for the help!
Plugin Author
Baden
(@baden03)
As suspected, your theme has the following css:
*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
/* -webkit-box-sizing: border-box; */ /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
-moz-box-sizing: border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
/* box-sizing: border-box; */
}
This is messing with the countdown css.
You have two options here. 1) manually override this these settings for the countdown using the custom css section in the plugin’s option page. You will need a bit of css knowledge to do this. 2) contact us at info [at] twinpictures [dot] de and we will be happy to fix it for you for a reasonable fee.
Best of luck, and let us know if you get the issue resolved.
Plugin Author
Baden
(@baden03)
tkcamper: After further investigation, it seems that the css in your theme is actually quite normal (standard in TwentyThirteen, for example). Therefore we have created an update that not only fixes this issue, but also will automatically adjust the width of the TIE-Fighter countdown to fit. You can view the demo here and download the updated plugin version 2.2.16a direct from The Plugin Oven here: http://plugins.twinpictures.de/plugins/t-minus-countdown/
Please let us know if this resolves your issue.
Thank you! It’s now showing correctly, except for the text.
Any idea why the text (day,hour,etc.) isn’t clear? If I zoom my screen to 120%, then the text appears clear. Can I force it to be 120% or more?
Plugin Author
Baden
(@baden03)
The default size of the TIE-fighter-dash_title text is 8px.
To adjust this, to say 10px, you would need to add the following to your theme’s CSS:
.TIE-fighter-dash_title {
font-size: 10px;
}
Now, keep in mind that larger titles will take up more space, so more than likely you will want to change minutes to min. and seconds to sec. like so:
[tminus t="20-06-2014 23:59:59" style="TIE-fighter" omitweeks="true" minutes="min." seconds="sec."/]
Hope this gets you pointed in the right direction! Let us know if we can be of further assistance, or if you are all squared away.
Thank you! The worked perfectly and I was able to make some other style adjustments to get it larger.
Plugin Author
Baden
(@baden03)
Yay for you! We’ll go ahead and mark this one as resolved. If you are happy (and you know you are) Clap your hands! Oops, looks like you already did, thank you! Well… have you be-friended us on the Facebook?
