Where is this formatting coming from?

Head out to http://countryshowdown.com/app/songwriting_contestant_list.php

I want to move that red box with the countdown to the center of the page. I've tried things like <div align="center"> all to no avail.

I determined that if I could find where the formatting for that red box was originating, perhaps it would be there that I could better manipulate where it was positioned on the page, but I can't find anything.

Hence, my reaching out to the ninjas. Can you see where this red box is coming from? The Javascript itself is just the computations for the date, there's no visual formatting happening.

What do you think?
brucegustPHP DeveloperAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

brucegustPHP DeveloperAuthor Commented:
And in case you're wanting to see the style sheet, you can find that at http://www.countryshowdown.com/app/css/style.css
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Remove float:right and add text-align center
#cd {
text-align: center;
padding: 5px 10px;
margin: 14px;
background: #ac0101;
background: -moz-linear-gradient(top, #c51a1a 0%, #ac0101 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c51a1a), color-stop(100%, #ac0101));
background: -webkit-linear-gradient(top, #c51a1a 0%, #ac0101 100%);
background: -o-linear-gradient(top, #c51a1a 0%, #ac0101 100%);
background: -ms-linear-gradient(top, #c51a1a 0%, #ac0101 100%);
background: linear-gradient(top, #c51a1a 0%, #ac0101 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c51a1a', endColorstr='#ac0101', GradientType=0 );
font-size: 12px;
/*   float: right;   get rid of float:right*/
box-shadow: none!important;
border: none;
color: #ffffff;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;

Open in new window


Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
brucegustPHP DeveloperAuthor Commented:
That did it!

Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Your welcome.  This is very easy to find if you use chrome console or firefox firebug.  You can right click on any element and it shows you exactly what css elements are manipulating the html elements.  

Check out https://developers.google.com/chrome-developer-tools/ or https://getfirebug.com/wiki/index.php/CSS_Panel
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today

From novice to tech pro — start learning today.