Full Height Column

Hey juliovilaine,

I have checked your site and it seems you have already done the full height column.
Where do you want to reproduce the 2nd element you have?
For the slider partially covering a part of an element, you can use z-index to adjust it but I don’t see any issues atm.

Best regards,
Nikko

Hi juliovilaine,

Can you please attach a mockup of what you’re trying to achieve?

Best regards,
Victoria

Hi juliovilaine,

I see, we currently don’t have that feature but I think it can be done with some custom css.
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( do be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

Best regards,
Nikko

Hi juliovilaine,

Thanks for giving us admin access. I have added a Custom Class to the section (named it flex-section).
Then in Quick CSS, located in Enfold > General Styling:

#top #main .flex-section .template-page, 
#top #main .flex-section .template-page .entry-content-wrapper, 
#top #main .flex-section .template-page .flex_column_table {
    display: flex !important;
    height: 100%;
}

#top #main .flex-section .template-page .flex_column_table .flex_column {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#top #main .flex-section .template-page .flex_column_table .flex_column .av_textblock_section {
    padding: 10px 100px;
}

#top #main .flex-section .template-page .flex_column_table .flex_column .avia-slide-slider {
    width: 125%;
    margin-left: -25%;
}

Best regards,
Nikko

Hi jannnnnneke,

We apologize for the delayed response.
Can you give a screenshot of the issue or at least what you want to achieve?
If I check the link you gave the semi-transparent menu header is above the content and pink background.

Best regards,
Nikko

Hi jannnnnneke,

Try adding this CSS code in Quick CSS, located in Enfold > General Styling:

.page-id-2 #av_section_1 .av_one_fourth {
    position: absolute;
    top: -140px;
}

Hope it helps.

Best regards,
Nikko

Hi jannnnnneke,

Where glad that we could help :)
Let us know if you need further assistance.

Best regards,
Nikko