[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.

  #period {
    font-size: 10px;
    color: {vb:raw vboptions.vccountdown_period_fontcolour};
    font-family: Arial,sans-serif;
    font-weight: normal;
    letter-spacing: 0;
    margin-right: 1px;
    text-transform: uppercase;
    text-align: center;
}

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"

<div id="period">days&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; hrs&nbsp;&nbsp;&nbsp;&nbsp; mins&nbsp;&nbsp;&nbsp; secs&nbsp;</div>

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)