Greetings to all,

I am new to RSD and learning it with the templates.

I have created a row, inside an HTML element which is a js countdown timer that I found on another thread.
I can preview the countdown timer as seen in the picture, but I want it to be centered same as the text above (now its left), how can I achieve this?

Thanks

Bruno

Welcome to the forums!

Go to the Design pane and under DIMENSIONS, check both Auto boxes. Next, scroll down to TYPOGRAPHY and for Alignment, set it to Center.

Hello Scott,

Thank you for the welcome.

I have tried but the countdown timer still is on the left side. This the steps I took:
1. Create a new row, Add Row, then go to Element
2. Drag an HTML element inside
3. Insert the JS code inside
4. Checked Dimension to Auto and Typography Alignment to Center (as in the new screenshot)
But no luck.. what can I do wrong?

Thanks

PS: the countdown timer comes from this thread.
http://www.coffeecup.com/forums/website … page-asap/

Can you upload your project file?

Hi Scott,

Finally got it.

It was related to the breakpoint. I realized after reading your 1st answer that under 1200 px the countdown timer was centered. So I check after 1200px and realized that the row max-width setting was set at 1200px, so I checked max-width to None, previewed it, and was centered.

Conclusion, it was a breakpoint state setting.

Thanks again for pointing me to right direction

bruno