Hi,
I see that you have placed the code that is causing problems in your WordPress ▸ Customize ▸ Additional CSS

This should not be there, please remove.
I also see that you have the same code in your WordPress ▸ Appearance ▸ Theme File Editor ▸ Enfold ▸ functions.php

please also remove this and then check again.
If you are not using a child theme I recommend the WPcode plugin this plugin supports PHP code snippets, JavaScript code snippets, & CSS code snippets, because you will lose the custom code that you add to the enfold ▸ functions.php when you update next time.

Best regards,
Mike

Hey Jables,

Thank you for the inquiry.

We have found a script error in the console which might be causing the issue with the events calendar. Please disable the cache and compression plugin temporarily, then upgrade the theme to version 5.6.6. Once the theme is updated, please temporarily disable the Enfold > Performance > File Compression settings to refresh the scripts and stylesheets.

This is the error.

Uncaught ReferenceError: AviaDatepickerTranslation is not defined
    at HTMLDocument.<anonymous> ((index):1833:16)
    at e (jquery.min.js?ver=3.7.0:2:26990)
    at t (jquery.min.js?ver=3.7.0:2:27292)

Best regards,
Ismael

Hey Michael F,

Thank you for the inquiry.

You can use the following css code to adjust the size of the product image.

.single-product-main-image {
    width: 50%;
    float: left;
    margin-right: 50px;
    overflow: hidden;
    padding-bottom: 50px;
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings to make sure that the changes take effect. By disabling the file compression settings, you will be able to make the necessary adjustments and updates without any conflicts. Once you have made the required modifications, you can re-enable the file compression settings to optimize the performance of your website.

Best regards,
Ismael

Hi,
Glad we were able to help, 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,
Thank you for your patience, to make the header sticky on mobile try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all #header {
    position: fixed;
  }
}

For the mobile menu fonts try this css:

@media only screen and (max-width: 767px) {
	#av-burger-menu-ul a {
	font-family: kalam;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey mediafacto,
Thanks for the link to your site, in the popup the blue one was not correct, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field to correct:

#top .mfp-content .avia-button.av-4pqcoe-31648334b4896fbdfea9d05f47606f6f,
#top .mfp-content .avia-button.av-eh4dwu-7ff5582dbec01723c9e3c0eb24a72468{
    background-color: #0e76a8;
    border-color: #0e76a8;
    color: #ffffff;
}

After applying the css, please clear your browser cache and check.
To stop your page from scrolling try adjusting your script to this solution.

Best regards,
Mike

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

#top #main #commentform .comment-form-rating label[for=rating]{
	background:green;
	color:red;
	font-size: 25px;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey Yaphoon,
For your Gaode Map page try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.responsive #top.page-id-53 #av_section_1 .container {
	max-width: 100%;
	padding: 0;
}
.responsive #top.page-id-53 #av_section_1 .container main {
	padding: 0;
}

the expected results:

as for your mega menu, it looks like each of your menu items is a column title which by defalt has a different color and font size than the regular menu items:

so perhaps you could adjust the mega menu items to correct your font size and color.
I don’t know what you mean by “adjust the square size”, if you mean the whole mega menu size, it is created by the number of items in it with js and not easy to change.

Best regards,
Mike

Hi,
I checked the IT site, In your custom footer page the CGA button has the preview link, it looks like you pasted the link this way, when I search your IT site there is no page conditions-generales-daffaires for which the preview link is for.

To correct this either create a conditions-generales-daffaires page, or select a different page and add the correct link to the button.
I checked your original site and the button is a preview link:

but you do have a conditions-generales-daffaires page, so I assume that all of your sites have the preview link, please adjust each one.

Best regards,
Mike

Hey Marc,
It looks like you are using the Fullwidth Easy Slider, so go to a slide in your slider and open it:

then go to Advanced ▸ Link Settings you have the option to add buttons:

If you want to modify the look of the button more than the options allow you to let us know and we will help with some css.

Best regards,
Mike

Hey schweg33,
To disable the lightbox go to the setting at Enfold Theme Options ▸ Lightbox Modal Window

Best regards,
Mike

Hi,
For your other issue your images are in a portrait size and the element is showing a landscape size, so you could change the image size of the image used.
The category page is using the “portfolio” image size, so try using the Simple Image Sizes plugin and change the image size in the WordPress ▸ Dashboard ▸ Settings ▸ Media ▸ Media Settings options, look for portfolio size and change the size and disable cropping:

and click the Save Changes button at the bottom of the page, then use the Regenerate Thumbnails plugin, to regenerate all of your images (thumbnails), this plugin works better than the built-in option of the other plugin, as it sometimes stalls if you have a lot of images.

Best regards,
Mike

Hi,
Glad we were able to help, 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 we were able to help, 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,
Yes this file worked:

unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Glad we were able to help, feel free to ask all of the questions you want, we are happy to help. 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,
If you are using a child theme then yes leave the code in the functions.php, otherwise I recommend the WPcode plugin this plugin supports PHP code snippets, JavaScript code snippets, & CSS code snippets and you will not lose your code when you update as you would if the code is in your parent theme functions.php.
To change it into a button using the magic wand in the Post editors we will need to change the function a little to use do_shortcode
Here is an example that I tested on my yest site and works, you can change the button code to suit your needs:

add_action("ava_after_content", function() {
    if (is_singular('post')) {
        echo do_shortcode("[av_button label='Back to Bolg' icon_select='yes' icon='ue830' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='manually,#' link_target='' size='medium' position='center' label_display='' title_attr='' size-text='' av-desktop-font-size-text='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' margin='' margin_sync='true' padding='' padding_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-margin='' av-small-margin_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-margin='' av-mini-margin_sync='true' av-mini-padding='' av-mini-padding_sync='true' color_options='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='' sc_version='1.0' admin_preview_bg='']");
    }
}, 10);

Best regards,
Mike

Hi,
In your example link the only overlay is a title, the image doesn’t change.
For your boats in the image element you can enable the Image Caption on hover.

Best regards,
Mike

Hey Martin,

If you don’t own a theme license, then I would recommend that you take of that first of all. Once you have access to the theme files, then please follow this in order to register your theme license: https://kriesi.at/documentation/enfold/theme-registration/. Then follow this to update your theme: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update.

Best regards,
Rikard

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

#top.single-post .av-back-to-blog-link {
    display: flex;
    width: 100%;
    justify-content: center;
    top: -175px;
    position: relative;
}

the expected results:

Best regards,
Mike

Hi,
Thanks for the link to your site, it looks like you want to overlay the text over the image, so I added a custom class to the text element podcast-mic
and added this css:

.podcast-mic h3 {
	position: absolute;
	right: 1%;
    top: 33%;
}
.podcast-mic p a {
    position: absolute;
    right: 10%;
    top: 50%;
}

and now I think it is as you wanted:

please clear your browser cache and check.

Best regards,
Mike

Hey Munford,
Thank you for your patience, I couldn’t find a link to the site to login, please include.
Please note that after you create the new API and the mailchimp form is showing correctly at Enfold Theme Options ▸ Newsletter ▸ Mailchimp ▸ Available Lists you will still need to open each mailchimp form on your site and resave for them to work correctly.

Best regards,
Mike