[Ba'al]

1 question,can you add a height variant option, the width is fine but the height squishes my image down, my image is 220X220 and by doing that you can up the text pixel size as 14px is a little small for us.


If i go into the code on line 32 and edit this

Block Disabled:      (Update License Status)
Suspended or Unlicensed Members Cannot View Code.

to this

Block Disabled:      (Update License Status)
Suspended or Unlicensed Members Cannot View Code.

and then re-upload and over write the xml will that make the change for me?

[midnz]

Originally Posted by Ba'al

1 question,can you add a height variant option, the width is fine but the height squishes my image down, my image is 220X220 and by doing that you can up the text pixel size as 14px is a little small for us.


If i go into the code on line 32 and edit this

Block Disabled:      (Update License Status)
Suspended or Unlicensed Members Cannot View Code.

to this

Block Disabled:      (Update License Status)
Suspended or Unlicensed Members Cannot View Code.

and then re-upload and over write the xml will that make the change for me?

Yes, doing that will change the height of the image display.
You might also need to consider changing the height of the counter - look on line 62.
You might also need to play with the alignment of days,hrs,min etc but adding or removing spaces. Look on line 123.
Experiment to see how it looks by making one of those changes at a time until you get what you're looking for.

[Ba'al]

Originally Posted by midnz

Yes, doing that will change the height of the image display.
You might also need to consider changing the height of the counter - look on line 62.
You might also need to play with the alignment of days,hrs,min etc but adding or removing spaces. Look on line 123.
Experiment to see how it looks by making one of those changes at a time until you get what you're looking for.

Alright thanx i'll give it a try and report back.

ok, so far so good, image @ 220px is good set font weight to bold, now on what line do i find the spacing between the counter numbers i want to move them closer because as i go up in size they move further out.

[midnz]

Originally Posted by Ba'al

Alright thanx i'll give it a try and report back.

ok, so far so good, image @ 220px is good set font weight to bold, now on what line do i find the spacing between the counter numbers i want to move them closer because as i go up in size they move further out.

I don't believe that's an option I'm sorry. There is no adjustment for the spacing between the separate counter numbers. I've looked at the javascript and I can't see where/how that option could be included.

[Ba'al]

Originally Posted by midnz

I don't believe that's an option I'm sorry. There is no adjustment for the spacing between the separate counter numbers. I've looked at the javascript and I can't see where/how that option could be included.

Thats cool, its working great and i will continue to tweak it, thanks for all your help.

[jasff]

I'm running vB 4.2.2. I'm checking in to see if this will work properly and if the installation instructions are updated/complete.

Thank you

[midnz]

Originally Posted by jasff

I'm running vB 4.2.2. I'm checking in to see if this will work properly and if the installation instructions are updated/complete.

Thank you

It works on my 4.2.2 installation. The instructions remain unchanged.

[jasff]

Thanks for this great mod.

I'm trying to adjust the Forum Block to 220 x 220

For some reason I can't locate where I can adjust the lines for the sizes.
Any direction on where to locate it?

Thank you. Running 4.2.2

[midnz]

Originally Posted by jasff

Thanks for this great mod.

I'm trying to adjust the Forum Block to 220 x 220

For some reason I can't locate where I can adjust the lines for the sizes.
Any direction on where to locate it?

Thank you. Running 4.2.2

AdminCP/ Settings/ Options/ VC_Countdown > Forum Sidebar Width - change that to 220 using the drop down option.

I didn't include a height option but you might be able to achieve what you want by increasing the padding between some of the other options.
Check ... Event Name / Adjust padding between EVENT NAME and top of container and Adjust padding between EVENT NAME and COUNTDOWN NUMBERS

[jasff]

Thanks midnz,

Yes, the height is what I can't get to adjust. I wanted to know where to get into the coding to adjust.

I saw Ba'al where he mentioned changing the height in coding.
I don't know where to access that.

I'll still try and play around in the paddings, but seems to cut the numbers off and the cell height doesn't expand.

[midnz]

Originally Posted by jasff

Thanks midnz,

Yes, the height is what I can't get to adjust. I wanted to know where to get into the coding to adjust.

I saw Ba'al where he mentioned changing the height in coding.
I don't know where to access that.

I'll still try and play around in the paddings, but seems to cut the numbers off and the cell height doesn't expand.

1. AdminCP > 2. Styles & Templates > 3. Search in templates > 4. ... type... block_VC_Countdown ... and press the "Find" button > 5. ... double click on that result to bring the template in to view. You can make edits to the font sizes in there.


If you screw it up you can depress the "Revert" button to reset that template back to the original one. You'll find that "Revert" button at 4. in the above directions. Good luck

[jasff]

Thank you! I found where to change the box to 220.

Next questions is how to allign and adjust font? Here are the couple things I want to do:

1. When I expand the box from 80 to 220, the text is top center alligned. Where and how can I center the text in the coding?

2. I want to bold the font so that it stands out more. Possible to change the font size? I would need specifics if possible on how to do this.

This would be a great start. Thanks again micnz.

[midnz]

Originally Posted by jasff

1. When I expand the box from 80 to 220, the text is top center alligned. Where and how can I center the text in the coding?

The following HTML code is just one part of the CSS code (code within the STYLE tags) that affects one part of the Counter. You'll find the below piece of CSS code between the STYLE tags within the HEAD of the document.

Block Disabled:      (Update License Status)
Suspended or Unlicensed Members Cannot View Code.

Check the text-align: center; part. That allows you to center any text where you include id="period" in the coding between the BODY tags.

Using the CSS code above you can understand what part of the Countdown Timer it affects by looking at the DIV tags to find the code that has <div id="period" included.
NB: See the beginning of the above CSS code that says #period { ? That's your clue.

So, using the example above you can find the following part of the Countdown Timer that it affects. Whatever is in the CSS code above affects the HTML code below because it begins with <div id="period"

Block Disabled:      (Update License Status)
Suspended or Unlicensed Members Cannot View Code.

Using that logic you can find the DIV that you want to affect (<div id="name") and look in between the STYLE tags for the CSS code that begins with that same #name or .name and then edit, delete or add to that CSS code to change what you want.

Originally Posted by jasff

2. I want to bold the font so that it stands out more. Possible to change the font size? I would need specifics if possible on how to do this.

Look again in the CSS code for the following:
font-size: 10px; (increase or decrease the number 10 to make your text bigger or smaller)

font-weight: bold; (add this line to the CSS code that relates to the <div> that you want to affect by making all text bold)

[mapleleaffans]

Great mod! I was thinking about adding something like this for a bit! Thank you midnz!