I would recommend using html entities. Unfortunately, even there it is sometimes the case that a new call of the editor mode / visual mode leaves them effective or not, but they are no longer visible in the backend. One example is the so-called softhyphen – a conditional hyphen.

Günter has created a plugin with which it was possible to set the characters larger / smaller as well as in the layout elements, without them being evaluated as tag beginnings. Since I didn’t want to put 3 # characters before and after the abbreviation, I shortened it to one # character and extended the list that could be used with the plugin.

So if i would like to have an invisible Space at the beginning of one line i inserted instead: #nbsp#

See the plugin here: https://pastebin.com/jttc230x
Download it here: specialcharacter Plugin

just put it into your plugins folder via ftp

Die Methode über eigene Sprachfiles ( de_DE_formal.po/de_DE_formal.mo und de_DE.po/de_DE.mo) ist prinzipiell sauberer.
Dazu müsstest du die po files bearbeiten und eine Kopie (vorzugsweise in den Ordner “lang”) im child-theme folder platzieren.
Dem Thema muss man dann noch sagen wo die Files liegen:

function overwrite_language_file_child_theme() {
    $lang = get_stylesheet_directory().'/lang';
    return $lang;
}
add_filter('ava_theme_textdomain_path', 'overwrite_language_file_child_theme');

Bearbeiten kannst du die Files mittels poedit – Du musst dort die englische Phrase finden, und die neue deutsche Übersetzung dann einfügen. ( es kann mehrere Stellen geben wo das auftritt.) Poedit speichert dann beide Versionen (po/mo) ab. Diese in den Lang Ordner hochladen.

Deutsch ist nochmal ein Sonderfall, weil es meherer Sprachfiles auch schon wegen Du/Sie gibt.

___________________

The method using your own language files ( de_DE_formal.po/de_DE_formal.mo and de_DE.po/de_DE.mo) is generally cleaner.
To do this, you would have to edit the po files and place a copy (preferably in the ‘lang’ folder) in the child-theme folder.
You then have to tell the theme where the files are located:

see codesnippet above

You can edit the files using poedit – you must find the English phrase there and then insert the new German translation. (There may be several places where this occurs.) Poedit then saves both versions (po/mo). Upload them to the Lang folder.

German is another special case, because there are already several language files because of different salutations: Du / Sie.

I can’t find the passage either in one of the Enfold files or in the Lang files of the translation for the various languages.
The maximum you can always find is “password protected” – so it seems to be a WordPress setting.

Hooray – there are WordPress filters that do that: try in your child-theme functions.php:

function change_protected_title_prefix() {
    return 'VIP membership required: %s';
}
add_filter('protected_title_format', 'change_protected_title_prefix');

if it is the german version you had to translate it by yourself
if you do not like the double dot – get rid of it

PS: if you like to use quotes inside that phrase you had to use entities f.e.:

function change_protected_title_prefix() {
    return 'VIP’s only: %s';
}
add_filter('protected_title_format', 'change_protected_title_prefix');

_________
by the way: if the post is private – and you do list them

function change_private_title_prefix() {
    return 'Admins only: %s';
}
add_filter('private_title_format', 'change_private_title_prefix');

try your css solution only and put this to child-theme functions.php:

function shift_read_more_link_to_footer(){
?>
<script>
(function($){
	$('.avia-content-slider .read-more-link').each(function() {
		$(this).closest('.slide-entry').find('.entry-footer').prepend($(this));
	}); 
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'shift_read_more_link_to_footer');

I’ll leave the page online, maybe you can make friends with the solution after all ;)

https://webers-testseite.de/snowfall-video-3/

i do not know if there is a possibility to make it by lines ; that would be a great solution – because trim by word might be end in different column heights.
Try this in your child-theme functions.php:

function custom_excerpt_setting(){
?>
<script>
(function($){
// trim excerpt by words
    function trimByWord(sentence,wordcount = 50) {
        var result = sentence;
        var resultArray = result.split(" ");
        if(resultArray.length > wordcount){
        resultArray = resultArray.slice(0, wordcount);
        result = resultArray.join(" ") + "...";
        }
        return result;
    }
    $(document).ready(function(){
        $('.avia-content-slider .read-more-link').each(function() {
            $(this).closest('.slide-entry').find('.entry-footer').prepend($(this));
        }); 
        
        $('.avia-content-slider .slide-entry-excerpt').each(function() {
             $(this).text(function(index, currentText) {
                return trimByWord(currentText);
             });
        });
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_excerpt_setting');

this is not the url? then tell me the right one:

Here’s the page I am working on….
http://www.thomashenthorne.com/1292-sanderling-island-point-richmond/

or @beyond-flora : did you hook into that post of goldengate? I do not see private content fields (as Participant)

But maybe there is a way to have that with advanced layerslider too! …

so we can misuse the overlay option of enfold on that – to have all DOM elements we need. Because if you use it – enfold will generate an av-section-color-overlay container.
The settings there are not for us important – just the fact that a container is created in the right position.

See: https://webers-testseite.de/snowfall-video/

for even more usability it might be nice to have an observer if the section is in viewport or not – my script now only is working with scroll top value and a given range to top ( here in my example 400px)

if that is o.k. for you just scroll to the end of the page to see code-snippet.

Trick is to use a huge inset shadow with rgba values – and the scroll amount will influnce the a-value of that color.

first – there is an enfold option to use some predefined forms on image element : Advanced Tab – Mask Overlay:

if you look what enfold does in your DOM :

so there is a mask-image definition and a svg file is used on that.
you see the path of those predefined svg files – so it might be possible to have custom mask-images too. Maybe there is a way via filter (f.e. avf_mask_overlay_images) to define custom images – similar to custom dividers.
I check that – or maybe a mod/dev can tell us how to have custom mask-images.

btw – you had to decide what you do in responsive case- because you haven’t any navigation now.

After inserting the enfold shortcode and saving it, some settings must be made manually: Activating the sidebar and options (which sidebar should be displayed; etc.)

if you do not use google maps – do not enter the google maps api key in enfold options.
i guess that will be enough.

if not you can try this in your child-theme functions.php:

function ava_disable_gmap() {
  add_filter('avf_load_google_map_api', function($load_google_map_api) {
    $load_google_map_api = false;
    return $load_google_map_api;
  },10,1);
  add_filter('avia_google_maps_widget_load_api', function($load_google_map_api) {
    $load_google_map_api = false;
    return $load_google_map_api;
  },10,1);
}
add_action('after_setup_theme', 'ava_disable_gmap');

Unfortunately my change still suffers from the fact that the change does not work on resize – maybe one of the mods has an idea how to update the trigger_distance on resize.

Edit: – i added to that debouncedresize function on the bottom ( lines 165ff) – that var again:

win.on( 'debouncedresize',  function()
{
	el_height = $( elements ).attr( 'style',"" ).first().height();
	set_height();
	trigger_distance = $('.trigger').length ? $('.trigger').offset().top - $('.trigger').height() + el_height - 50  : 0 ;
});

here is my whole avia-snippet-sticky-header.js : https://pastebin.com/9nCV8GiV