Hi,

why the horizontal gallery has no possibility to show its images in full size

We’ve already applied the necessary changes to display the images in full, as shown in the screenshot above. Please purge the plugin cache or clear your browser history, then check the page again.

Not all users are concerned about displaying images in full, especially in image galleries where there’s no text or meta information included. That’s why css properties like “background-size: cover;” exist. They resize and crop images as needed to make sure the parent container is fully covered, even if it means partially hiding parts of the image.

— https://www.w3schools.com/cssref/css3_pr_background-size.php

Best regards,
Ismael

Hey extraeyes,

Thank you for the inquiry.

We tried to access the dashboard, but the account provided above does not have administrator rights. Please update the user role to Administrator so we can access the settings. Are you trying to adjust the size of the images in the shop or catalog page?

Best regards,
Ismael

Hey Jackie,
I only see three buttons:

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

.avia-buttonrow-wrap {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}

for this result:

Best regards,
Mike

Hi,

Thank you for the update.

The code in the Custom CSS and Quick CSS fields shouldn’t conflict, but for easier maintenance, we recommend using only one. Regarding the Horizontal Gallery, this element is intended for image galleries, but you’re currently using it more like a post slider with text and meta information, which requires additional customization. We suggest using a more appropriate element such as Blog Posts, Post Slider, or Content Slider, or consider moving the slide items to their own subpages.

Best regards,
Ismael

Hi,
When I check your site I see it:

Best regards,
Mike

Hey Stefan,
Please link to the test page with the transparent png image so we can examine.

Best regards,
Mike

Hi,
Thanks for your help Guenni007, but in my test it seems that only targeting the ID “#av_section_1” didn’t help, I tried adjusting to const container = document.querySelector('#av_section_1 .av-parallax-object'); to target the text in the parallax but as you pointed out it was jerky for the speed needed.
With trial and error and AI I found that this javascript & css works well for desktop & mobile and smooths out most all the jerk from the text and background image.
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function move_text_in_parallax_down_on_scroll() { ?>
  <script>
  document.addEventListener("DOMContentLoaded", function () {
  const el = document.querySelector("#av_section_1 .av-parallax-object");
  const bg = document.querySelector("#av_section_1 .av-parallax");

  if (!el || !bg) return;

  const isMobile = window.innerWidth < 768;

  const textSpeed = isMobile ? 0.9 : 0.7;
  const bgSpeed = isMobile ? 0.3 : 0.2;

  let currentYText = 0;
  let currentYBg = 0;

  const updateParallax = () => {
    const scrollY = window.scrollY || window.pageYOffset;

    // Text transform
    const targetYText = scrollY * textSpeed;
    currentYText += (targetYText - currentYText) * 0.05;
    el.style.transform = translateY(${currentYText}px);

    // Background transform
    const targetYBg = scrollY * bgSpeed;
    currentYBg += (targetYBg - currentYBg) * 0.05;
    bg.style.transform = translateY(${currentYBg}px); // GPU accelerated

    requestAnimationFrame(updateParallax);
  };

  requestAnimationFrame(updateParallax);
});
  </script>
  <style>
  #av_section_1 .av-parallax-object {
  position: relative;
  top: 0;
  left: 0;
  will-change: transform;
  backface-visibility: hidden;
  transform: translateZ(0);
}
#av_section_1 {
  position: relative;
  overflow: hidden;
}
#av_section_1 .av-parallax {
  background-attachment: scroll !important; /* disables fixed scroll handling */
  background-position: center center !important;
  transform: none !important;
  will-change: auto !important;
}  
  </style>
  <?php
}
add_action( 'wp_footer', 'move_text_in_parallax_down_on_scroll', 99 );

If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

and ensure that it is activated, then add the above code and save.

Best regards,
Mike

Hi,
Please note that the Fluent Forms month field is a select div with options using this css:

#top select {
    -webkit-appearance: none;
    border-radius: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
    background-position: center right;
    background-repeat: no-repeat;
    border-radius: 2px;
}

showing a image for the drop down giving you this:

and when you click on it shows the options:

since the year is not a select div with options, but a input with spans you will not see this or the same image.
I wrote this css to override the plugin css:

#top .numInputWrapper .arrowUp,
#top .numInputWrapper .arrowDown {
    opacity: 1;
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: -5px;
}
.numInputWrapper span.arrowUp:after,
.numInputWrapper span.arrowDown:after {
    top: 0;
    height: 14px;
}
#top .numInputWrapper .cur-year {
	margin-bottom: 14px;
}

but this is about as close as we can get it, since we can not support third party plugins, if you need more help with this please ask the plugin author to examine. I don’t see any theme css causing this issue.

Best regards,
Mike

Hi,
When I login to your site I can not change the user profile language to Eng, nonetheless I don’t see a menu: TKA Menu mobile that you wanted to be the mobile menu:

you would need to create this menu and choose it at Enfold Theme Options ▸ Main Menu ▸ General ▸ Alternate Menu For Mobile as you see here you are using the same main menu for mobile:

Perhaps there is a language issue, if so please change the user language to Eng so I can check again. But I would think that since I see TKA Main Menu I would see a TKA Menu mobile for the mobile menu.

Best regards,
Mike

Hey Diana,
Thanks for the login, I added this code to your theme functions.php file:

function change_aria_hidden_for_scroll_top_link_when_it_shows() { ?>
  <script>
window.addEventListener('scroll', function() {
  const scrollTopLink = document.getElementById('scroll-top-link');

  if (!scrollTopLink) return;

  const style = window.getComputedStyle(scrollTopLink);
  const rect = scrollTopLink.getBoundingClientRect();
  const inViewport = rect.width > 0 && rect.height > 0;

  const ariaValue = (style.display !== 'none' && style.visibility !== 'hidden' && inViewport) ? 'false' : 'true';

  scrollTopLink.setAttribute('aria-hidden', ariaValue);

  const childSVGs = scrollTopLink.querySelectorAll('svg');
  childSVGs.forEach(svg => {
    svg.setAttribute('aria-hidden', ariaValue);
  });
});
  </script>
  <?php
}
add_action( 'wp_footer', 'change_aria_hidden_for_scroll_top_link_when_it_shows', 99 );

It changes the aria-hidden for the scroll-top-link and the SVG icon when it shows, from false to true.
I tested in the browser DOM and it works. Unfortunately we don’t have access to the AXE tool as it looks like a paid tool, but I did check in WAVE. Unfortunately, while in the live browser the code works, the WAVE tool doesn’t update the DOM so it doesn’t look like it is working, perhaps this is a limitation of the free version, I don’t know.
I tried to add this to your snippet Header Footer Code Manager plugin but it didn’t work there, the plugin seems limited, if you find this workshop for you and If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

and ensure that it is activated, then add the above code and save, after you remove it from the theme functions.php file so it will not be lost when you update.

PS for testing this is the snippet with console log comments that I tested with that will show that the aria-hidden changes while the page is scrolled:

function change_aria_hidden_for_scroll_top_link_when_it_shows_log() { ?>
  <script>
window.addEventListener('scroll', function() {
  const scrollTopLink = document.getElementById('scroll-top-link');

  if (!scrollTopLink) {
    console.log('Element #scroll-top-link not found.');
    return;
  }

  const style = window.getComputedStyle(scrollTopLink);
  const rect = scrollTopLink.getBoundingClientRect();
  const inViewport = rect.width > 0 && rect.height > 0;

  console.log('Scroll event triggered.');
  console.log('Display:', style.display);
  console.log('Visibility:', style.visibility);
  console.log('BoundingClientRect:', rect);
  console.log('In viewport:', inViewport);

  const ariaValue = (style.display !== 'none' && style.visibility !== 'hidden' && inViewport) ? 'false' : 'true';

  console.log(#scroll-top-link is ${ariaValue === 'false' ? 'visible' : 'hidden'}. Setting aria-hidden to ${ariaValue}.);

  // Set on the main link
  scrollTopLink.setAttribute('aria-hidden', ariaValue);

  // Set on any child SVGs
  const childSVGs = scrollTopLink.querySelectorAll('svg');
  childSVGs.forEach(svg => {
    svg.setAttribute('aria-hidden', ariaValue);
    console.log('Updated child SVG aria-hidden to', ariaValue);
  });
});

  </script>
  <?php
}
add_action( 'wp_footer', 'change_aria_hidden_for_scroll_top_link_when_it_shows_log', 99 );

don’t use both snippets at the same time, this is just for proof of work.

Best regards,
Mike

Hey maxb130,
It looks like your site is using an old theme v5.6.6 and your updates are disabled.
I was not able to login, but it looks like you are using JetPack and your images a hosted on WP though JetPack with caching.
I don’t know what your site should look like, but I assume that you are missing background images for each section, these are added via css.
First I recommend disabling the JetPack plugin and disable Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files and disable any server caching. If JetPack was also using a CDN it may take up to 24 hours for it to clear.
Since your site is using an old theme v5.6.6 and your updates are disabled, I don’t think this is an update issue, but a plugin/caching issue, hopefully these steps will help.
Another option may be to use your webhost backup to roll back to when your site was working correctly, and then disable JetPack and see if the issue is solved.
The theme is now at v7.1.1

Best regards,
Mike

Hi,
Above you write the error is “An error occurred while updating Enfold: Could not move the old version to the upgrade-temp-backup directory.” this might be related to folder permissions, try to fix the issue by creating the /wp-content/upgrade-temp-backup folder manually, then set the permission to 775.
If I’m looking at the correct site your Envato Market plugin doesn’t have a token:

Note that the Envato Market plugin doesn’t use the same permissions as the theme, so please read carefully when creating a token:

Best regards,
Mike