Hey madmanbean,

This won’t work as only background images can only fill that column, if there’s a background video option that would also cover it unfortunately, we don’t have that option.
I would suggest instead to using a color section and have a background video however it’s not applicable for the layout you wanted.

Best regards,
Nikko

Hey P3T3R_0ne,

1. Can you give us an example? probably a screenshot that also shows the web inspector where we can see the custom css class being applied then tell us some elements you add and another screenshot which shows that the custom css class isn’t working anymore.
2. Quick CSS is an internal stylesheet while child theme css is an external stylesheet, browsers caches external stylesheets so when you access the same site it’s much faster since the css that are loaded are from browser cache, while it has its positive effects, the negative thing is that if there are changes in these css files it isn’t fetched. You can use hard refresh to force the browser to fetch the new css, this is done by pressing ctrl + f5.
Hope this helps.

Best regards,
Nikko

Hi ilkerkabadayi,

Can you create a test page? where we can see it.
Also try switching to a default wordpress theme and try if it works, if it does try also to use default editor with Enfold and check if it also works there or probably through widgets.

Best regards,
Nikko

Hi Rgrant74,

Can you create a separate thread? and give us admin access on your site on that thread and post the credentials in Private Content, so it’s only visible to the thread creator and the moderators.
Also please post a link to this thread on the thread you will create, so we can use as a reference.

Best regards,
Nikko

Hi Nora,

Glad to hear that. :)
Will be checking out your other thread if it isn’t answered yet.

Best regards,
Nikko

Hi NoraGTS,

Where can we see this? I see 2 layersliders on your homepage and there are no spaces, have you fixed it already?
I think the space might be from after_layer_slider content that follows after the layerslider.
It is important since it wraps any element you put after layerslider if it’s not wrapped in some Layout Element.
If it’s causing unecessary spaces, you can try adding this in Quick CSS:

#after_layer_slider_1 {
    display: none;
}

Best regards,
Nikko

Hey Heathcliffe,

Can you give us a link to your site? showing the issue so we can take a closer look.

Best regards,
Nikko

Hi jbassino,

I have checked Show element options for developers in Enfold > Layout Builder.
Then added 1/1 Column and in Custom CSS Class, I added this value: .center-section then added a Product Purchase button inside the column.
Then in Quick CSS located in Enfold > General Styling, I added:

#top .center-section form.cart,
#top .center-section .av-woo-purchase-button {
    text-align: center;
}

#top .center-section form.cart .button {
    float: none;
}

Let us know if this helps.

Best regards,
Nikko

Hi abparenteau,

Glad that Rikard helped you :)
Updates doesn’t really change your settings since it’s saved in the database, and updates only touches the files but not settings.
Let us know if you need further assistance or if we can close this thread.

Best regards,
Nikko

Hi pathaug,

Glad to hear that :)
Feel free to comeback if you need further assistance.
Thanks for using Enfold and have a great weekend!

Best regards,
Nikko

Hey codecreative,

I have checked your site and it seems you are using a child theme.
If you have a customized header.php, try updating it to the header.php of Enfold (parent theme) since there are lots of changes there in the new version.

Best regards,
Nikko

Hey ragu5,

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 a admin user and post the login credentials in the “private data” field.

Best regards,
Nikko

Hi grafixstudio,

Glad that we could help you :)
Feel free to comeback if you need further assistance.
Thanks for using Enfold and have a great weekend!

Best regards,
Nikko

Hi michaelH,

Glad that we could help :)
Maybe it was just caching that’s why it didn’t work in the first checking.

Best regards,
Nikko

Hi Esther,

I see, that option only works for Top Header and not for Left Sidebar and Right Sidebar.
Try to place the code I gave you with:

@media only screen and (max-width: 1366px) and (min-width: 768px) {
    html.html_header_sidebar #wrap_all {
        background-color: white;
    }

    .responsive.html_header_left #main {
        margin-left: 0;
    }

    .responsive #top #wrap_all #header {
        position: relative;
        width: 100%;
        float: none;
        height: auto;
        margin: 0 !important;
        opacity: 1;
        min-height: 0;
    }

    .responsive #top #wrap_all .av-logo-container {
        padding: 0;
    }

    .responsive #top #header_main > .container .main_menu .av-main-nav > li > a, .responsive #top #wrap_all .av-logo-container {
        height: 80px;
        line-height: 80px;
    }

    .responsive #top #wrap_all .container {
        width: 85%;
        max-width: 85%;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
        float: none;
    }

    .responsive #header_main .container {
        height: auto !important;
    }

    .responsive #top .logo {
        position: static;
        display: table;
        height: 80px !important;
        float: none;
        padding: 0;
        border: none;
        width: 80%;
    }

    .responsive .logo a {
        display: table-cell;
        vertical-align: middle;
    }

    .responsive .logo img {
        height: auto !important;
        width: auto;
        max-width: 100%;
        display: block;
        max-height: 80px;
        margin: 0;
    }

    .responsive #top #wrap_all .main_menu {
        top: 0;
        height: 80px;
        left: auto;
        right: 0;
        display: block;
        position: absolute;
    }

    .responsive #top .av-logo-container .avia-menu {
        height: 100%;
    }

    .responsive #top .av-main-nav .menu-item {
        display: none;
    }

    .responsive #top .av-main-nav .menu-item-avia-special {
        display: block;
    }
}

I have tested this on my end, it should work on yours as well if there’s no conflict in css code.
Let us know if this helps.

Best regards,
Nikko