Hi,

Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hey Lucyna,

Elementor should work with Enfold, but please note that we don’t have any official support for it. You cannot buy a demo only, but you can import any demo you want in the theme backend, once Enfold is installed and activated.

Best regards,
Rikard

Hi,

Thanks for the update. If everything works as expected, then please leave the code as it is. If you should have any further problems on the topic, then please let us know here.

Best regards,
Rikard

Hi,

Great, I’m glad that you found the problem. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

You can try to place them in a text block element, then wrap them in span tags for example.

Edit; you could also try to set the image as a background in a column.

Best regards,
Rikard

• This reply was modified 2 years, 9 months ago by Rikard.

Hey vbonora,

Could you try updating the theme to the latest version (5.0.1) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update.

Best regards,
Rikard

Hi,

Please try this CSS instead:

.page-id-295 .container_wrap .container {
    max-width: 100%;
    padding: 0;
    display: table;
    margin: 0 auto;
}

Best regards,
Rikard

Hey Orla,

Thanks for the login details. It looks like the Layout Builder is loading as it should on other pages? I see that the server is responding with a 403 forbidden error on the file in private, that likely means that it has a problem with something in your content. Is there some type of special content on the page in question? Please try to enable debug mode, so that we can copy the shortcodes to a test page: https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#debug-mode. We can do it for you, if you give us permission to do so.

Best regards,
Rikard

Hi,

Please refer to this on how to make the header transparent on mobile: https://kriesi.at/documentation/enfold/header/#transparent-header-on-mobile

We don’t have code to remove all backgrounds from ALB elements unfortunately. If you need help with custom CSS like that, then please create a test page where we can see the elements where you want to remove the backgrounds.

Best regards,
Rikard

Hi Olivier,

Regular columns and Grid Row columns should result in basically the same layout, with the difference that the Grid Row is full width. Could you create a test page with regular columns, so that we can see the problem you are getting when you are using them please? We can’t really know what your designer wants unless you tell us, or post a screenshot highlighting your intentions.

Best regards,
Rikard

Hi,

It seems to work as expected on all the pages you linked to, is there a page where we can see the problem you are referring to? Or is the problem that you want a transparent header on mobile? If any element has a background, the that will cover the background image, so you would need CSS for remove each background. If the footer is covering the background, then it might help by simply making the page taller.

Best regards,
Rikard

Hi,

Thanks for the update. So maybe it would be better if you added the background image under General Styling->Main Content in the theme options?

Best regards,
Rikard

Hi,

Thanks for the update. So you want to add the background to all single posts? If so, then please try this CSS:

.single-post div.container_wrap_first {
    background-image: url(YOUR IMAGE URL GOES HERE);
    background-repeat: no-repeat;
    background-position: top right;
}

Best regards,
Rikard

Hi,

Thanks for the update.

If you need further help, then please post admin WordPress login details in private.

Best regards,
Rikard

Hi,

So you are adding the background using a Color Section on each page, and you want to continue doing so? If so, then you might want to add a class to each section, and target your CSS that way? If the section is always the first on each page, then you should be able to use this ID in your CSS instead:

#av_section_1

Best regards,
Rikard