0

I am customising a responsive website for a event so I added a countdown with jquery only the problem is that I have 2 css overlapping and the countdown is not good positioned.

Can someone help me to positioned the countdown and find the css code for the countdown in bootstrap.min.css so I can place it in my main.css

All the code is in the source (It is pretty messy, sorry for that).

Hope some one can help. Thanks!

futuremoney.nl/worldofsummer

Jordi
  • 3
  • 1

1 Answers1

0

You can find things like these easily in the inspectors most (if not all) browsers come packed with these days:

SCREENSHOT

You can live edit your CSS.

Luuuud
  • 4,206
  • 2
  • 25
  • 34
  • i have edidet it and uploaded but if i load it in my browser it goes back to 50% .countdown-container { position: relative; top: 20%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } – Jordi Jun 06 '14 at 15:13
  • Looks good here... try hard refreshing/clearing your local cache – Luuuud Jun 06 '14 at 15:17
  • do you know how to line it out on smaller screens? – Jordi Jun 06 '14 at 15:40
  • by using media queries. Although this thing just isn't going to be pretty on small screens without putting a lot of work into it. Best give the container a min-width. That way it will stick out of the viewport maybe, but the 'clocks' will not stack on top of eachother. – Luuuud Jun 06 '14 at 15:43