color section

Hey diefleischerei,

To pust the text to the top and button to the bottom Please enable custom css class name by placing a code snippet to your functions.php file as mentioned in this link http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

Then give the text box a class name “pust-top” and the button element “push-down”

.pust-top {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.push-bottom {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

To hide the text only in mobile add the below css to Quick css section and give the text box an additional class name “only_desktop”

Note : The text box will have two class names “pust-top only_desktop” and there should be a space to separate the class names

/*Show only in mobile or desktop*/

@media only screen and (min-width: 769px) {
.only_mobile { display: none !important; }}

@media only screen and (max-width: 768px) {
.only_desktop { display: none !important; }}

Hope this helps :)

Best regards,
Vinay

Hi,

It appears you have managed to add the transparency on mouseover.

To place the button 20px from bottom please change the bottom value from 0 to 20px in “push-bottom”.

So your code should look something like :

.push-bottom {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

Best regards,
Vinay