Countdown Plugin [library support]

[strewth78]

still not changing it for me.

Ive moved the countdown from the home template to my probards sidebar plugin since it wasnt possible to put the message and clock on the same line.
As you said, i replaced the new specialcountdown div and then also added to the CSS for each seperate selector, but nothing. It still makes no changes to the countdown_message selector even though other selectors work fine if i modify them.

[Wormopolis]

I need to see what you are seeing then

[strewth78]

what would you like me to do? give you access to the site or paste CSS etc?

bangbangbaseball.boards.net

[NooBoards]

I am having trouble getting the CSS rules to apply uniformly. I am placing the modified values in my forum style sheet and some of them apply (default, title and message) while others refuse (timer and reached). When I load a page and open up firebug to view the CSS for the page I find 2 instances of each selector, the forever defaults that Wormopolis coded in and my modified values. It appears my modifications occur in a separate CSS file hash. How can I ensure my changes override the default values?

I've tried prepending "div" to each selector to no avail. I feel I either need to place the CSS rules elsewhere in the style sheet or there is another style sheet that is processed first that I do not know how to access.

[Wormopolis]

strewth78


can you open the site to guests just so I can see what the countdown looks like? that way I can use firebug to look at it and see where its styling is coming from.

[Wormopolis]

Feb 3, 2014 5:58:10 GMT -8 NooBoards said:

I am having trouble getting the CSS rules to apply uniformly. I am placing the modified values in my forum style sheet and some of them apply (default, title and message) while others refuse (timer and reached). When I load a page and open up firebug to view the CSS for the page I find 2 instances of each selector, the forever defaults that Wormopolis coded in and my modified values. It appears my modifications occur in a separate CSS file hash. How can I ensure my changes override the default values?

I've tried prepending "div" to each selector to no avail. I feel I either need to place the CSS rules elsewhere in the style sheet or there is another style sheet that is processed first that I do not know how to access.

each countdown is inside a new element actually called countdown, so you can also use

 countdown div.countdown-reached {}

if you want MORE specificity.  but I just checked on the test site with firebug and putting div before it seemed to override that plugin defaults.  I had to have plugin defaults or it wasnt very plug and play.

[NooBoards]

Feb 3, 2014 8:19:24 GMT -8 Wormopolis said:

I had to have plugin defaults or it wasnt very plug and play.

I can understand that but it seems a user interface that allows direct editing of those parameters would be super. Especially if there was a reset to default button when it got borked beyond recognition.

I am not having any luck adding "countdown" in front of a div.countdown_parameter {}

[Wormopolis]

then I need a url I can see the countdown

[strewth78]

Wormopolis, guests should be allowed. thanks

[Wormopolis]

Feb 4, 2014 0:22:32 GMT -8 strewth78 said:

Wormopolis, guests should be allowed. thanks

ok.. on yours, according to the CSS, most of what you applied IS being applied, but I need you to remove all the "overflow:hidden" stuff you have in there because its causing things to get cut off.  then we can look at what else is missing.

[strewth78]

ok… Overflows removed, and now I can see that my reached message is there, but 'IT IS NOW' still remains and thus has pushed it out of view.

[Wormopolis]

increase the height from 20px to something bigger. and as soon as v1.1.5 gets into the library, it will fix the "IT IS NOW" thing

[strewth78]

great. i'll wait for the update. thanks again.

[NooBoards]

I figured out a good portion of the issue I was having. I had to add:

background-image: none;
to the countdown_reached selector to prevent the default background from loading.

So, really the only thing confounding me at this point is the countdown_timer selector which appears to have no effect whatsoever. I double checked the loaded CSS of the page and the .countdown_timer selector is the correct nomenclature to use.

For example the following:

div.countdown_timer {text-align: left; font-size: 10px;}
applied to my Style Sheet, still results in the default 16px centered timer.

I find this odd since all of the other elements obey my overrides.

[Wormopolis]

Feb 6, 2014 4:09:57 GMT -8 NooBoards said:

I figured out a good portion of the issue I was having. I had to add:

background-image: none;
to the countdown_reached selector to prevent the default background from loading.

So, really the only thing confounding me at this point is the countdown_timer selector which appears to have no effect whatsoever. I double checked the loaded CSS of the page and the .countdown_timer selector is the correct nomenclature to use.

For example the following:

div.countdown_timer {text-align: left; font-size: 10px;}
applied to my Style Sheet, still results in the default 16px centered timer.

I find this odd since all of the other elements obey my overrides.

well its centered because the inner HTML of the countdown div has a <center> in it and the timer is inside that. font size though, should obey because I just tested it on strewth's counter and it shrunk down. even without !important added on it.

maybe add additional selector of font on there

div.countdown_timer font {font-size:10px;}



I am going to try and rework the countdown plugin this weekend to make it where you can customize the placements of the elements.