Hey Jim,
It looks like you are using a special heading for the words GLOBAL KEY so to style these words you can’t use html in the title element without seeing the warning: Warning: Characters <,>,[,] might break ALB backend or frontend if you follow the read more in the warning you will read our documentation about our Special Character Translation plugin and this is the codes to use with it after you install the plugin

Following translations can be used:
###lt###		=> <
###gt###		=> >
###amp###		=> &
###91###		=> [
###93###		=> ]
###quot###		=> "
###34###		=> '

So to make the word “KEY” red you would add this to the special heading:
###lt###span style=color:#ff0000###gt###KEY###lt###/span###gt###

for this result on the frontend:

you can do this for your other words with using other colors.

Best regards,
Mike

Hi,
Thanks for the link to your site, as you said the Layerslider ▸ Server status says the PHP ZipArchive Extension is not enabled, I see that you are using PHP v8.0.28, I my cPanel this was also not enabled by default, to enable it please go to cPanel ▸ Select PHP Version

then under PHP Extensions look for zip and check it

Best regards,
Mike

Hi,
Thanks for the page code, the code block element was empty so I don’t know why that was but I added the image to the color section and ensured the image size was “large” 1030×368:

then I noticed you tried to add a overlay color, I removed this and added the background color instead:

and now it looks good:

check my test page linked below and try these changes on your site.

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, 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 Nikko was able to help and you were able to sort this out. I’m not sure why this occurred, but shall we close this then?

Best regards,
Mike

Hi,
Glad Nikko was able to help, your site should not experience any issue with post-css disabled, shall we close this then?

Best regards,
Mike

Hey HotCoffee_IT,
Your version would need to be updated manually to the latest version 5.6.2 before the update token could be used.
Typically the theme updates well without issues as the Dev Team is quite mindful to keep it backward compatible, but if it has a child theme with element modifications this could be an issue. Most often a header.php & footer.php in a child theme is the biggest issue, if you see these please copy to your computer for review and remove them from the child theme.
If you manually updated via FTP, please don’t “overwrite” the files of the parent theme, first delete the parent theme directory via FTP and then upload the new one, otherwise old files that are not used anymore will be left behind and cause errors.
Check your webhost to see if you have the one click staging site option, this is a option in most cPanels to create a staging clone of your site so you can test the update on it and you site will stay up and running. You can always ask your webhost to help you with setting this up if you want.
Here are some screenshots of what it would look like:


I recommend updating your version of Enfold by downloading the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.

Best regards,
Mike

Hey ThorstenFB,
Thanks for your question, but the portfolio grid only has three options:
Open the entry on a new page
Open a preview of the entry (known as AJAX Portfolio)
Display the big image in a lightbox
If you want the image to open in a lightbox you would use:
Display the big image in a lightbox
This result is the same as using the gallery element to open the image in a lightbox.
Another option would be to set the option to Open the entry on a new page and then in the portfolio item set the Additional Portfolio Settings ▸ Overwrite Portfolio Link setting to the image with ?iframe trailing the image url
but this also is no different than the Display the big image in a lightbox unless you use a different image.

Best regards,
Mike

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

.mfp-iframe-holder .mfp-iframe-scaler iframe {
    background: #fff;
}

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

Best regards,
Mike

Hi,
You could try making all of the rows the same height equal to your largest one with this solution.
Or you use this solution to make the height of each cell in each row equal.
If you have trouble with getting these to work please include an admin login and a direct link to your page in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, I’m not sure why this occurred perhaps it was due to a plugin, but I was not able to reproduce this on my test site.

Best regards,
Mike

Hi,
Thanks for the screenshot and the link to your site, I believe this is due to a lazy load option in your 10Web Booster plugin, but it seems the only way to change the settings is to login to the 10Web Booster management site which I don’t have access to. Try disabling any lazy load option and check your site again.
If this doesn’t help Try disabling your plugins and clear your browser cache. If that resolves the issue, reactivate each one individually clearing your browser cache after each one until you find the cause.
It looks like you are using an iPhone from your screenshot, please note that iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hey Intercettazioni,
Thanks for your patience and the link to your site try the following CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field for each request:
1: adjust the font size to suit

#socket {
	font-size: 22px;
}

2:

#top .template-page .entry-content-wrapper h1, 
#top .template-page .entry-content-wrapper h2 {
    letter-spacing: 0;
}

3:

#top #header_main > .container .main_menu .av-main-nav > li#menu-item-search > a {
	color: #000;
}

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,
Thanks for your patience, the reason your mobile header doesn’t transform out of view is because the mobile header is set to a fixed position with css in order for it to show at the top of the mobile screen transform doesn’t work on fixed position items, so you can’t have this header transform out of view, if you wish you can have the header disappear but it won’t be like the desktop version.
Since this is refuring to a different thread I have posted this in that thread and you can reply there so there are not multiple threads open for the same topic. Thank you for your understanding.

Best regards,
Mike

Hey Stilecatalini,
Thanks for your patience and the link to your site, I see your sticky close button at the bottom of your page, but it links to the homepage “Barche” section, so this is more like a “back” button than a “close” button.
Nonetheless to add this button to your three pages venticinque, venticinque-panoramica, ventuno-sport-fisherman and have it hide on scroll down and show on scroll up, add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_back_button() { ?>
  <script>
(function($){
  var button = $('<div class="avia-button-wrap avia-button-right back-button"><a href="https://www.stilecatalini.it/#barche" class="avia-button avia-icon_select-yes-left-icon avia-size-large avia-position-center av-button-notext avia-color-light avia-font-color-white"><span class="avia_button_icon avia_button_icon_left" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title"></span><span class="avia_button_background avia-button avia-color-theme-color"></span></a></div>');
  if ($("body").hasClass("page-id-738") || $("body").hasClass("page-id-5837") || $("body").hasClass("page-id-5667") == true) {
  $(button).prependTo('#wrap_all');
  } else {}
})(jQuery);
  
(function() {
    var doc = document.documentElement;
    var w = window;
    var prevScroll = w.scrollY || doc.scrollTop;
    var curScroll;
    var direction = 0;
    var prevDirection = 0;
    var backButton = document.querySelector('.back-button');
    var checkScroll = function() {
        curScroll = w.scrollY || doc.scrollTop;
        if (curScroll > prevScroll) {
            direction = 2;
        } else if (curScroll < prevScroll) {
            direction = 1;
        }
        if (direction !== prevDirection) {
            toggleButton(direction, curScroll);
        }
        prevScroll = curScroll;
    };
    var toggleButton = function(direction, curScroll) {
        if (direction === 2) {
            backButton.style.opacity=0;
            prevDirection = direction;
        } else if (direction === 1) {
            backButton.style.opacity=1;
            prevDirection = direction;
        }
    };
    window.addEventListener('scroll', checkScroll);
}
)();
</script>
  <?php
}
add_action('wp_footer', 'custom_back_button');

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

.back-button {
    position: fixed;
    top: 1%;
    right: 1%;
    z-index: 999;
    background-color: transparent;
}

Best regards,
Mike