Hey namasteevents,

Thank you for the inquiry.

Looks like the video is not loading properly because the site contains an older version of the theme (5.1.2). Please try to upgrade the theme to version 5.6.10, then temporarily disable the Enfold > Performance > File Compression settings afterward.

Best regards,
Ismael

Hi,

Thank you for the screenshot.

You can place the Image element inside a Color Section, then apply the following modification (link below) to make the container inside the Color Section fullwidth.

// https://kriesi.at/documentation/enfold/color-section/#color-section-with-100-content-width

Best regards,
Ismael

Hey flatairbag,

Thank you for the inquiry.

This option is not available with the contact form element, but you can use the Mailchimp Signup element to display one of your subscription forms created through Mailchimp. Please check the documentation below for more info.

// https://kriesi.at/documentation/enfold/mailchimp-signup/

Best regards,
Ismael

Hi,
This is strange because when I examine the “Dry Rubs” 3 columns then have the class for 1/4 columns, this is why the css above is affecting them.

please include an admin login in the Private Content area so we can examine closer.

Best regards,
Mike

Hey bemodesign,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 768px) { 
#top.page-id-3609 #av_section_1.av-minimum-height-75:not(.av-slideshow-section) .container {
    height: 60vh;
}
}

After applying the css, please clear your browser cache and check.
this is for the one page.

Best regards,
Mike

Hi,
I guess I don’t understand why you are using the 1/4 column to create rows with only 3 columns and what you expect from a mobile view with a three element row.
To add a custom class go to the advanced tab in developer settings:

Best regards,
Mike

Hey teamvelocitymarketing,
I used two columns, one with a accordion, the other with a image element and add the custom class to the image element like in the video: toggle-img

then I used this jQuery like in the video:

    jQuery(function() {
const img = "";
  jQuery('p[data-fake-id="#toggle-id-1"]').click(function(){
    jQuery(".toggle-img img").attr('srcset',img);
     jQuery(".toggle-img img").attr('src',img);
  });
});

note I made the adjustment for Enfold ‘p[data-fake-id=”#toggle-id-1″]’ just change #toggle-id-1 to #toggle-id-2 for the second toggle, etc
I used the code block element for the jQuery with the “script” tags:

Please give this a try.

Best regards,
Mike

Hi,
So for the icon list element you don’t see the icons if you scroll down?

is this the element you mean?

Perhaps include a admin login in the Private Content area so we can examine

Best regards,
Mike

Hey designmek,
Thank you for your patience, try using a color section with a gray background color, and add four 1/4 columns with a background image and a whitespace element to set the height of the column to something like 200px:
Then add four 1/4 columns with a background color of white and zero margin in the row margin option, and add a text element with the custom class bottom-text-padding

then use this css to add a little left padding to the text:

.bottom-text-padding {
    padding-left: 10px;
}

This is the results I had:

or if your previous attempt is working good you can add a custom class to your grid so your css only changes your one grid.

Best regards,
Mike

• This reply was modified 2 years ago by Mike.

Hey envisageiam,
Thank you for your patience, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .flex_column.av_one_fourth {
        width: 48%;
        clear: none;
        float: left;
    } 
}

Please note that this will work on all pages on your site, so if you want this to be page specific a page ID can be added to the css, or you can add a custom class to the specific columns and add that to the css. Let us know if you need further help with this.

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad Guenni007 could help, thank you Guenni007, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey MLA18,

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

Best regards,
Rikard

Hey Tim Headford,
v5.6.7 fixed issues with PHP 8.2.4
I have not seen issues with v5.6.10 and PHP 8+
Try first making a full backup with your webserver tools, not a plugin, then manually update the theme, the switch to PHP 8, try the lower version you have available first, some servers have PHP 8.3 now but this is “bleeding edge” and I can not test it, try PHP 8.1

To manually update your version of Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.

Best regards,
Mike

Hi,

Thanks for letting us know. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hi,

Thank you for the info.

I want to see all of the items in all of the Portfolio Items, including all of the images in the Masonry Gallery media elements.

You might be able to do it by enabling the AJAX Portfolio option. Please check the demo and the documentation below:

// https://kriesi.at/themes/enfold/portfolio/portfolio-ajax/
// https://kriesi.at/documentation/enfold/portfolio-grid/#creating-new-portfolio-items

If this is not an option, then you may need to use the Masonry Gallery or the Gallery element and upload the images of all portfolio items in the same page.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

You have to use the Duplicator or any plugin of the same kind in order to create a backup of the database and the server files, including the theme files. For more info on how to update the theme manually, please check the links below.

// https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp
// https://kriesi.at/archives/the-complete-guide-to-updating-enfold

Best regards,
Ismael

Hey Paul,

Thank you for your inquiry and for being a long-time user of Enfold.

1.) Did you enable the Enfold > Performance > Delete Old CSS And JS Files option? This setting is designed to remove old or unused css and js files from the dynamic_avia folder. If you’re already using a third-party compression plugin or have enabled compression options within your cache plugin, please make sure that you disable the theme’s file compression settings to avoid unexpected behavior.

2.) We haven’t encountered this error before, so we’re not sure what could be causing it. However, you can revert back to the Classic Editor by adjusting the Enfold > Theme Options > Select Your Editor settings, which means you no longer require the plugin.

Best regards,
Ismael

Hi,

Thank you for the renewing your support license. Please continue in the next thread: https://kriesi.at/support/topic/facing-some-bugs-issues-after-upgrading-the-enfold-version-to-5-6-10/

Best regards,
Ismael

Hi!

Thank you for the inquiry.

1-2) Looks like the site is still loading the old scripts and stylesheets. Please disable the Autoptimize plugin temporarily, then deactivate the Enfold > Performance > File Compression settings. This should fix the styling and layout issues.

Regards,
Ismael