Hi @blatix,
Thank you for the credentials, but what is your login page? /wp-login.php
and /wp-admin
does not work.
Regarding your questions: 2 and 3 can be solve with your video embed code, when you copy the embed code from vimeo, please select the Responsive on the Size option and check the Autoplay this video checkbox.
For number 1, please add this to the Page > CSS
.playbutton .x-graphic:before {
content: "\f144";
display: block;
position: absolute;
margin: -36px 0 0 -35px;
top: 50%;
left: 50%;
width: 70px;
height: 70px;
font-size: 42px;
line-height: 72px;
text-align: center;
text-shadow: 0 0.035em 0 rgba(0,0,0,0.35);
vertical-align: middle;
color: red;
border-radius: 100em;
opacity: 0;
-webkit-transition: opacity 0.75s ease;
transition: opacity 0.75s ease;
font-family: "FontAwesome" !important;
font-style: normal !important;
font-weight: normal !important;
text-decoration: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.playbutton:hover .x-graphic:before {
opacity: 1;
}
.playbutton:hover .x-graphic-image.x-graphic-primary {
opacity: 0.25;
}
Then apply a class playbutton to each of your Content Area Modal.
Please keep in mind though, that this is now in the realm of customization which is outside of support that we can offer. The CSS code provided above is only a guide and its now your responsibility to modify it to suit your needs.
Thanks,