Hey koomo,

Thank you for the inquiry.

Please add this css code to adjust the position of the overlay inside the carousel.

.swiper-slide span.image-overlay.overlay-type-image {
    left: 0 !important;
    top: 0 !important;
}

Best regards,
Ismael

Hi,
Thanks for your patience, the reason this is occuring is becuse you have a script adding the read more links:

(function($){
  $(window).on('av-height-change', function() {
    $('.av-masonry:not([class*="-gallery"]) .av-masonry-entry').each(function() {
      var more = $(this).find('.av-masonry-read-more');
      var cont = $(this).find('.av-masonry-entry-content');
  
      if( more.length == 1 ) return;
      cont.append('<div class="av-masonry-read-more">Lees meer ></div>');
    });
  });
})(jQuery);

they are added after the page load and the masonry has set the abosulte item heights, which is used in the grid placement, thus the 36px height of the read more offsets the 30px margin bottom, so you have no space. This is also occuring on the desktop version, there you have set a 70px bottom margin, but after the read more is added the space looks about 30px, you probly didn’t notice.
So the solution is to change your custom css for mobile from margin-bottom: 30px !important; to margin-bottom: 70px !important;

Best regards,
Mike

Hi,
Typically updating from v4.x to v7.x should cause no major issues as the theme is backward compatible, but if your child theme has any customized elements, or a header.php or footer.php, these will cause issues, and should be removed first.
Updating via FTP by overwriting the theme files will also cause issues as older files will be left behind, updating by uploading the theme as “new” in the WP backend is safer as WordPress removes the old directory and then adds the new directory.
I have not seen an issue where an update lead to the shortcodes showing (e.g. [av_textblock]), do you see the shortcodes on the frontend or in the backend in the Block Editor? Pages & Posts created with the ALB (Advanced Layout Builder) should not be opened, edited, or saved with the Block Editor, always edit ALB pages with the ALB editor. Also don’t use any other builders like elementor, beaver builder, visual composer, etc.
Incremental updates is not needed as I have seen v3.x updated without issues. I recommend exporting your child theme settings for backup, and exporting the layerslider sildes. Then create a staging site to test the update on, this way your live site is unchanged while your issue can be examined. Ensure that your stagging site is not using a cache plugin or object-oriented cache from your server, or a CDN, as these may not show the updated site correctly.
The only issues that I find for Ninja Forms are old:
2015: https://kriesi.at/support/topic/customize-ninja-form-styling/
2016: https://kriesi.at/support/topic/enfold-ninja-forms-conditional-logic-problems/
2019: https://kriesi.at/support/topic/ninja-forms-not-working-after-latest-wordpress-update/
2021: https://kriesi.at/support/topic/ninja-forms-breaking-with-enfold/
Note that the layerslider has had many changes and you may need to edit your slides and resave the transforms and minor settings, there is nothing we can do about that, the layerslider doesn’t seem to be fully backward compatible.

Best regards,
Mike

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

For the follow-up inquiries, please continue here: https://kriesi.at/support/topic/color-setting-logo-area-heading/

Best regards,
Ismael

Hey schub1981,

Thank you for the inquiry.

We may need to inspect the elements on your site in order to provide an appropriate solution. Please provide the site URL in the private field. Have you tried adjusting the color options in the Enfold > General Styling > Logo Area tab?

In the meantime, to adjust the color of the burger menu icon on mobile view, try to use the following css code:

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .header_color .av-hamburger-inner,
  .header_color .av-hamburger-inner::before,
  .header_color .av-hamburger-inner::after {
    background-color: #da2727;
  }

  .html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet,
  .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner,
  .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before,
  .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after {
    background-color: #da2727;
  }
}

Best regards,
Ismael

Hey ckrizman,

Thank you for the inquiry.

There is no built-in option for this by default, but you can adjust the svg divider position using css. For example, you can use the following code to move the top divider 50px upward and the bottom divider 100px downward:

.avia_transform .av-extra-border-element.border-extra-diagonal {
    height: 250px;
    margin-top: -100px;
}

.avia-divider-svg.avia-divider-svg-tilt.avia-divider-svg-top.avia-flipped-svg.avia-to-front.avia-svg-original {
    margin-top: -50px;
}

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Most of the color styling options are located under Enfold > General Styling. You can check the preview to see which element a specific field controls. If you can’t find the correct setting there, you can also edit the element in the Advanced Layout Builder and adjust the color options in the Styling tab.

To adjust the color of the phone number, please add this code in the Quick CSS field:

#top .header_color .phone-info a {
    color: #ffffff;
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings to make sure that the changes take effect.

Let us know the result.

Best regards,
Ismael

Hey samholl,

The update to 7.1.2 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard