CSS to centre quiz

Hi there!

I have a quiz on this page that's displaying off centre.

Please can you give me some code to make it align to centre?

I have tried this but it doesn't work:

The page is here:  The password is: magic 

https://grouse-piano-4c9y.squarespace.com/wealthology-quiz

Thanks!

Try wrapping the entire iFrame code inside <center> tags, a bit like this:

<center> 
   <iframe>
</center> 

Hi there I don't think that's working but I might not be using it correctly. 

I've tried pasting that code directly into CSS.

I've also tried incorporating the #block code within it.

Both times it gives me a syntax error.

Could you tell me exactly how to direct that CSS to the quiz code block?

Thank you!

2 minutes ago, Michelle777 said:

I've tried pasting that code directly into CSS.

The code wasn't CSS, it was HTML to be incorporated into the code block. Since I don't have the embed code, I can't give you the entire thing, but place this before the <iframe> code:

<center>

and this after:

</center>

Hi, it won't let me use iframe code as I'm still in trial mode, so I tried it in my other site where I have upgraded features.  And in there it looks really weird, which is a another problem 😕

The code is this:

<iframe id="interactApp6658d6e0706600001596e725" width="800" height="800" style="border:none;max-width:100%;margin:0;" allowTransparency="true" frameborder="0" src="https://quiz.tryinteract.com/#/6658d6e0706600001596e725?method=iframe"></iframe>

29 minutes ago, Ziggy said:

The code wasn't CSS, it was HTML to be incorporated into the code block. Since I don't have the embed code, I can't give you the entire thing, but place this before the <iframe> code:

<center>

and this after:

</center>

<center>
  
<iframe id="interactApp6658d6e0706600001596e725" width="800" height="800" style="border:none;max-width:100%;margin:0;" allowTransparency="true" frameborder="0" src="https://quiz.tryinteract.com/#/6658d6e0706600001596e725?method=iframe"></iframe>

</center>

In trial mode you can use any of the advanced features, it's only when you upgrade to the Personal plan that some features are disabled.

Ok thank you- that HTML centres it but creates a big white space under it:

https://grouse-piano-4c9y.squarespace.com/wealthology-quiz

You should be able to reduce it by pulling the block up. If you can't do that because of the code warning message, you can add this to Custom CSS which will hide it and then allow you to shorten the block:

html.squarespace-damask .sqs-blockStatus, .sqs-block .removed-script {
  display: none !important;
}

I did try to shorted the block.  There's no CSS warning script, the line just goes red so it won't slide up.