Hi,
Thanks for the screenshot and the link to your site, Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .main_color .avia-color-theme-color-highlight {
    background-color: var(--dark1-color);
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,

Great, I’m glad that you found a solution. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thank you for the inquiry.

It’s normal for WordPress and themes to generate different sizes or thumbnails for images. This helps avoid using the original or larger image when it’s not necessary. Each thumbnail is used based on the element or template where it needs to be displayed. If you want to prevent the theme from generating these thumbnails, you can add the following filter to your functions.php file:

// Disable loads of Enfold & WP image sizes upon upload
add_action('init', 'remove_enfold_image_sizes');
function remove_enfold_image_sizes() {
// do NOT remove widget size, is used in backend portfolio items!
// remove_image_size('widget');
  remove_image_size('square');
  remove_image_size('featured');
  remove_image_size('featured_large');
  remove_image_size('portfolio');
  remove_image_size('portfolio_small');
  remove_image_size('gallery');
  remove_image_size('magazine');
  remove_image_size('masonry');
  remove_image_size('entry_without_sidebar');
  remove_image_size('entry_with_sidebar');
  remove_image_size('shop_thumbnail');
  remove_image_size('shop_catalog');
  remove_image_size('shop_single'); 
  remove_image_size('shop_gallery_thumbnail');
}

Related thread: https://kriesi.at/support/topic/media-upload-and-enfolds-thumbnail-sizes/

Best regards,
Ismael

Hey extraeyes,

Thank you for the inquiry.

Please try to temporarily disable the Autoptimize plugin and turn off the Enfold > Performance > File Compression settings in order to ensure that the changes take effect. Let us know if this works for you.

Best regards,
Ismael

Hey NicomIT,

Thank you for the inquiry.

You can use this css code to adjust the top margin of the #footer container, creating more space between it and the main content wrapper.

#footer {
    margin-top: 1000px;
}

Best regards,
Ismael

Hi,

Great, I’m glad that you found a solution. Please let us know if you should need any further help on the topic, or if we can close it.

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

Hi,

Great, I’m glad that you got things working. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thank you for the update.

You can use this css code to hide the category list:

.html_elegant-blog #top .avia-content-slider .blog-categories {
    display: none;
}

Best regards,
Ismael

Hi,

Thank you for the info.

We added this code to the Quick CSS field and temporarily disabled the compression settings.

#top .main_color .avia-cookie-consent-modal-buttons-wrap .avia-color-theme-color-highlight:hover {
   background: var(--dark1-color) !important;
  color: white !important;
}

Best regards,
Ismael

Hey Monika,

Try to replace this:

    border: 2px solid transparent; 
    border-bottom-color: #434b5b;
    border-top-color: transparent;

With this:

border-bottom: 2px solid #434b5b;

Best regards,
Rikard

Hi,
I see that you are getting the error: Uncaught ReferenceError: jQuery is not defined
Please try this snippet instead:

function temporary_removal_title_tags(){
?>
<script>
  window.onload = function() {
      var links = document.querySelectorAll('a , img');
      for (var i = 0; i < links.length; i++) {
          var link = links[i];
          link.onmouseover = function() {
              this.setAttribute("org_title", this.title);
              this.title = "";
          };
          link.onmouseout = function() {
              this.title = this.getAttribute("org_title");
          };
          link.onclick = function() {
              this.title = this.getAttribute("org_title");
          };
      }
  };
</script>
<?php
}
add_action('wp_footer', 'temporary_removal_title_tags');

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Thanks to Guenni007
If this doesn’t help please include a admin login in the Private Content area so we can examine

Best regards,
Mike