Cannot position Raw Content element in middle of column

[thecashbag]

I have a count down clock showing at the top of this page: https://www.clientscience.co/webinar-thank-you

The clock is created with a Raw Content element and it sits inside a column. But I can’t make that Raw Content (the clock) position in the middle of the column. It’s sitting to the left of the column right now and no matter what I try it doesn’t move to the middle.

Can you please take a look?

[nabeel]

Hi @thecashbag,

Thank you for reaching out to us. To center the count down clock, edit your page in Cornerstone and in the CSS section paste the following code:

.x-raw-content > div {
    margin: 0 auto;
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!