Coming soon cover page, form too big

Site URL: https://www.adjojewellery.co.uk

Hello,

For some reason since launching my site, the form on my coming soon page has changed the format to extra large, it used to me a small text box which people could enter their details. Anyone have any ideas on how to fix this? My website is www.adjojewellery.co.uk

Thanks!

Did you add CSS to change paragraph font size to 120px?

Hello, the only thing I've added is below which I assumed was only for my logo? 
 

img.Mobile-bar-branding-logo {
    width: 150px;
}

Yes, that is correct. Do you want the font on the home page to remain XL?

No, it was originally in a little pop up box which would be great to get back to!

This will fix the font, without changing the font on the landing page.

.sqs-slide-wrapper[data-slide-type="cover-page"] .sqs-modal-lightbox-content .lightbox-inner .lightbox-content .form-wrapper {
    font-size: 26px;
}

Thank you, it's worked!!

Would you also know how to align the banner image higher so it covers all the way to the top of the page, this being when your logo is centred top? I'd need this on all my pages that have banner images. And sort of alongside of that, how to make the text bar automatically colour correct in order to be seen? Attached is a picture of one of my pages, the writing is white and can hardly be seen. 

Thank you!

Hello! The form has gone back to the large writing again! I added the CCS to the Custom CCS on the design page, was this correct? Thanks 

14 hours ago, Shillyer said:

Hello! The form has gone back to the large writing again! I added the CCS to the Custom CCS on the design page, was this correct? Thanks 

Add to Cover Page Settings > Advanced > Header

<style>
  .sqs-slide-wrapper[data-slide-type="cover-page"] .sqs-modal-lightbox-content .lightbox-inner .lightbox-content .form-wrapper {
    font-size: 26px;
}
</style>

Hi,

It has worked for the font, however is there a way to get the text and the boxes closer together?  They are far apart now. 

Thanks

.form-wrapper > * {
    font-size: initial;
    line-height: 1;
}

Add this to the code from earlier. Put it before the </style> tag at the end.

Thank you! It's all sorted now finally 🙂