In this page, you can find a collection of CSS code snippets to change the style of your Splash Page. If you are already using your own CSS, make sure the rules in these examples do not conflict with your own.
Show Click through fields in home page
This hack allows to show the click through form directly in the home page. This hacks makes sense to save a click to the user in case the number of fields is limited or the click through is the only login option available.
div#clickCustomFields { |
Swap the order of terms and conditions and Marketing checkboxes
This hack allows to show the marketing checkbox before the terms of use checkbox. This hack helps to increase the percentage of users who opt-in to the marketing.
div#clickCustomFields{ |
Show the click through form in the full screen
This hack allows to show the click through form in a full page screen when the user clicks on the Go Online button on the main screen. This hack is suggested in case the form includes many input fields or opt-ins.
div#clickCustomFields { |
Hide the topbar
The only purpose of the top bar is to give access to internet plans in case of paid services, logout in the success page and change the language. The only thing that still makes sense is the language selector.
home_menu { |
|
Adjust the size of the Splash Page (full page model) main image
If you uploaded a too big image for the logo, use a few line of CSS to set some boundaries.
@media only screen and (max-width: 735px) |
. |