Hi,
I notice that you are not using a child theme and have your customization in the parent theme functions.php
all of these customizations will be lost the next time that you update the theme.
If you are not going to use 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 save.
I recommend that you move your customizations so you don’t lose them.
I changed your Reading time code to this for your last requests:

function add_reading_time_to_masonry_entry($content, $entry, $config) {
    $reading_time_html = "<div class='reading-time'></br>" . do_shortcode('[rt_reading_time post_id="' . $entry['ID'] . '" label="Lesedauer:" postfix="min" postfix_singular="min"]') . "</div>";
    $content .= $reading_time_html;
    return $content;
}
add_filter('avf_masonry_entry_title', 'add_reading_time_to_masonry_entry', 10, 3);

Best regards,
Mike

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

#top #wrap_all .all_colors h3 .span-reading-time {
	font-size: 12px;
}

and adjust the font size to suit.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks, I didn’t see this at all yesterday, but I did today, this looks like it is from the Autoptimize cache, so I disable the Autoptimize plugin and checked in different browsers.
Please clear your browser cache and check, once you see that it is now not showing you can try enabling the Autoptimize again and try clearing the Autoptimize cache.
Many users have issues with Autoptimize.

Best regards,
Mike

Hi,
This is an example with using text elements to hold the text for each popup and the script in a code block element that automatically numbers each box and link so you can add as many popup boxes as you wish. The boxes and links are number from the top down so the first link on the page will open the first box on the page.
For this example this is how the backend looks:

you can add the text elements anywhere on your page, top or bottom it doesn’t matter because they will not show on the frontend.
Each text element will have the custom classes: multi-popup mfp-hide

notice that the classes have no dots and the space between them.
Then in your code block element add this code:

<script>
window.addEventListener('DOMContentLoaded', function() {
  (function($) {
    function assignUniqueIDs() {
      $('.multi-popup').each(function(index) {
        var uniqueID = 'multi-popup-' + (index + 1);
        $(this).attr('id', uniqueID);
      });
      
      $('.multi-popup-link').each(function(index) {
        var uniqueID = 'multi-popup-' + (index + 1);
        $(this).attr('href', '#' + uniqueID);
      });
    }

    assignUniqueIDs();

    $('.multi-popup-link').magnificPopup({
      type: 'inline',
      midClick: true
    });
  })(jQuery);
});
</script>

<style>
.multi-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
</style>


<a class="multi-popup-link" href="#">Link to box one</a></br>
<a class="multi-popup-link" href="#">Link to box two</a></br>
<a class="multi-popup-link" href="#">Link to box three</a></br>
<a class="multi-popup-link" href="#">Link to box four</a></br>

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
notice the four links at the bottom, you can add these in a different element if you wish, this is to show you the custom class that the links must have.

then on the frontend when you click a link the popup box will show:

Best regards,
Mike

Hi,
Thank you for your patience, I checked the sites that you linked to but I found no errors like your screenshots.
In your original thread using the avf_post_css_create_file snippet seemed to help you and two other users.
It also seem to be due to a server setting: X-Content-Type-Options “nosniff” another user found that when they change this on their server the issue was solved. But as I recall you can not change this on your server, so you should use the avf_post_css_create_file snippet.
I am unable to reproduce this issue even if I change the server settings to: X-Content-Type-Options “nosniff” so it seems that only certain servers have this error and it doesn’t seem to be directly a result of the theme settings but how the server handles X-Content-Type-Options “nosniff”

Best regards,
Mike

Hey Christoph,

I’m not sure if we can help you with that. What happens if you activate one of the default WordPress themes?

Best regards,
Rikard

Hi,
To me your example page the popup:

is the same as our lightbox popup examples, I think this solution would be the best one to follow, it uses buttons but with a minor adjustment it could use plan text links, you can see that the popup has the “X” to close, in the screenshot there is only two words, but you can add as much text as you like:

In your example page there are five links and popups:

Are you going to use this in the same way? If so how many popups do you want to use?

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,

Please try the following in Quick CSS under Enfold->General Styling:

#top .avia-button:hover .avia_button_background {
  opacity: 0;
}

Best regards,
Rikard

Hey bemodesign,

Thank you for the inquiry.

You can use the theme’s default lightbox to open inline content. Please check the links below for examples:

// https://kriesi.at/support/topic/popup-window-3/#post-1337540
// https://kriesi.at/support/topic/code-snippet-inline-post-content-popup-magnific-popup-shortcode/
// https://kriesi.at/support/topic/pop-up-feature/#post-1395322
// https://kriesi.at/support/topic/team-member-element-open-team-member-description-in-lightbox/#post-1354989

Best regards,
Ismael

Hi,

Thank you for the update.

It should be -10px. You forgot to include the unit. Please replace the css rule with the following code:

.post-border-jd::before {
    content: url(//welstestdev.wpenginepowered.com/wp-content/uploads/2024/06/blogTabPerspective.png);
    position: relative;
    top: -62px !important;
    left: -10px;
}

Best regards,
Ismael

Hi,
Try changing your border-radius so the top left side is zero:
border-radius: 0 35px 35px 35px !important;
then for the image make left:
left: -10px !important;
for this:

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,

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,

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,

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

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

.html_header_top.html_header_sticky #header:not(.av_header_transparency) {
    position: fixed;
    top: 0;
}

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

Hey Meetx,

Thank you for the inquiry.

1-2) Please add this css code to adjust color of the icon on hover and make it bigger on mobile view.

.html_bottom_nav_header #top .av_seperator_big_border .av-main-nav>#menu-item-search:hover a {
    color: red;
}

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

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .menu-item-search-dropdown>a {
    font-size: 32px;
    margin-right: 20px;
  }
}

Best regards,
Ismael

Hey amyncuih,

Thank you for the inquiry.

You can adjust the default style of the Button elements in the Enfold > Advanced Styling panel, or you can use this css code:

#top #wrap_all .main_color .avia-button {
    color: red;
}

Best regards,
Ismael

Hi,

Thank you for the inquiry.

I still get the bar on top which says the title of the video and two other icons that say watch later and share

This feature can no longer be disabled due to changes in YouTube’s parameters. You may need to upload the video to your server and host it yourself.

// https://developers.google.com/youtube/player_parameters?hl=en#release_notes_08_23_2018

Best regards,
Ismael