Hey Thomas Duerlund,

Thank you for the inquiry.

Yes, lightbox should be automatically applied to webp images, or automatically create a lightbox link for webp format. Where are you trying to use webp images? Are you using any builder elements?

This plugin might help.

// https://wordpress.org/plugins/webp-express/

If you are using the full screen slider, try this plugin.

// https://wordpress.org/plugins/allow-webp-image/

It adds webp support for the media uploader.

Best regards,
Ismael

Hi,

We do not know of any plugin that has the same functionality, but you can try to search for plugins that belongs to the same category or have the same tags.

Example: https://wordpress.org/plugins/tags/smart-quotes/

Please feel free to open another thread if you need anything else. We will close this one for now.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Looks like it is working properly now. Please check the screenshot below.

Screenshot: https://imgur.com/zNMeEPO

Try to purge the cache and toggle the file compression settings, then check the page again.

Best regards,
Ismael

Hey rmatus,

Thank you for the inquiry.

Looks like you have already managed to adjust the style of the events calendar. This is what we see on our end.

Screenshot: https://imgur.com/P93l8Ky

Please try to disable the Performance > File Compression settings and purge the cache afterwards.

Best regards,
Ismael

Hi,

You have to set the image element’s Image Hover effect to the third option (Yes, slightly zoom the image) to prevent the image from overflowing. It is probably set to the second option (Yes, slightly increase the image size) right now.

Best regards,
Ismael

Hey Diana,

Thank you for the inquiry.

Have you tried wrapping the css modification inside a css media query so that it only applies on larger screens? You could also add extra css media queries to adjust the style on mobile view.

@media only screen and (min-width: 989px) {
  /* Add your Desktop Styles here */

}

To remove the indentation of the button item, use this css code.

@media only screen and (max-width: 767px) {
    #top .av-menu-button > a .avia-menu-text {
       padding: 0;
    }
}

Again, we use a css media query here to adjust the style of the button menu item when the screen width is equal or less than 767px.

Best regards,
Ismael

Hey w_archer,

Thank you for the inquiry.

We cannot find the page containing the “advertisements” post type, so we created a temp page, added the Blog Posts element and selected the Blade Length taxonomy. All of the items that belongs to the selected taxonomy or term display properly in the page. Where can we see the issue?

To display the ACF fields, you will have to use get_field function and add it directly in the archive.php or in the include > loop-index.php file.

// https://www.advancedcustomfields.com/resources/get_field/

Best regards,
Ismael

Hi,

No problem. Glad we could help. Please feel free to open another thread if you need anything else.

Have a nice day.

Best regards,
Ismael

Hi,

Glad to know that you have found the issue. It is possible that the privacy option blocks a certain script in which the plugin depends on, but we are not sure which script it is.

We could set the Enfold > Privacy & Cookies > Cookie Handling > Default Cookie Behavior to the first and second option to allow external services to load without the users’ explicit consent or without them interacting with the cookie bar. Hopefully, this will fix the issue with the paypal checkout.

Best regards,
Ismael

Hi,

It seems like the issue is with the server configuration. For some reason a line break is created after the domain name, which breaks a lot of the specified URL. This issue is non-existent on other servers. Example:

Uncaught SyntaxError: '' string literal contains an unescaped line break
 	avia_framework_globals.gmap_avia_api = 'https://site.com
/wp-content/themes/enfold/framework/js/conditional_load/avia_google_maps_api.js';
        avia_globals.sc['avia_builder_button'].image = 'https://site.com
/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/images/tiny-button.png';

As you can see a line break is created right after the domain name. You may need transfer to a different host or a different server temporarily so that you can start with the site development. Or install a local server so that you can develop the site right in your machine and deploy it once it is ready.

You should also contact GoDaddy and have them check the issue.

Best regards,
Ismael

Hey emilconsor,

Thank you for the inquiry.

Why do you have to manually add the a:():{}? s6 refers to the number of characters inside the string entry. Please note that the _av_alb_posts_elements_state should contain names of the elements that actually exist in the page.

Example:

a:5:{s:10:"av_heading";b:1;s:16:"av_image_hotspot";b:1;s:11:"av_one_half";b:1;s:12:"av_textblock";b:1;s:13:"av_image_spot";b:1;}

This tells us that there is at least one special heading element, a hotpot, a 1/2 column and a text block in a page.

Best regards,
Ismael

Hey krkefalas,

Thank you for the inquiry.

Make sure that the custom css file depends on one of the theme css so that it is loaded after the default stylesheets. In the wp_enqueue_style, you can define the dependencies (deps) as an array of strings.

// https://developer.wordpress.org/reference/functions/wp_enqueue_style/#parameters

Try to add the shortcodes.css file as one of the deps for the custom css, handle is “avia-scs”.

wp_enqueue_style( 'my-custom-style', "path/to/custom.css", array('avia-scs'), "0.1.0, 'all' );

Make sure that the path to the css file is correct.

Best regards,
Ismael

Hi,

Thank you for your patience.

We could also use the avf_ratio_check_by_tag_values filter to adjust the ratio_check_by_tag logic and include the tag translations so that the theme can still return the correct class name.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Yes, the “Load only elements” option should increase the site performance because the site will only load the required resources (js and css). However, this option will only work when the file compression settings are not enabled.

If you are using the Autoptimize plugin, the “Load only elements” option should still work properly even if the css and js files are compressed.

Best regards,
Ismael

Hey Beth,

Thank you for the inquiry.

You can use this filter in the functions.php file to insert an “Add to Cart” text next to the excerpt in the catalogue item.

add_filter("get_the_excerpt", function($excerpt, $post) {
	if(get_post_type($post->ID) == "product") $excerpt .= "<strong class='avia-catalogue-add-to-cart'>Add to Cart</strong>";
	return $excerpt;
}, 10, 2);

Best regards,
Ismael