by the way not all fonts (webfonts) do have that sign (non-breaking-hyphen)

for the headings we can use the ampersand filter :

add_filter('avia_ampersand','non_breaking_hyphens');
function non_breaking_hyphens($content) {
		$content = str_replace("-","‑",$content); 
		return $content;
}

think of the second – is the entity & #8209

it does not work in the way i want. Everything works fine but it has to be more specific only for textarea. it changes even in Source code all hyphens to the new replacement. F.e. classes from style=text-align etc.

hey mods – no idea how to make it more specific.?

so this seems to be better :

function replace_content($content)
{
$content = str_replace('-', "<span class='nobreak'>‑</span>",$content);
return $content;
}
add_filter('the_content','replace_content');

here is the image because you know now :

see here in action: https://webers-testseite.de/abc/

The class seems to be very important (like with ampersand and doublequotes on functions-enfold.php) – there is no need to have some rules behind that class -but without there was a mess in enfold alb elements sometimes.

• This reply was modified 7 years, 11 months ago by Guenni007.

wenn alle Plugins aus sind, passiert das auch noch?
bitte löschen im Quick css und neu anlegen.

Die enfold_child.css ist zunächst vorne – alle Einstellungen, die du via Enfold Options festlegst. Die sind alle hintereinanderweg geschrieben, dann kommt das quick css als Addendum dazu.

schätze es ist die Datei : dynamic-css.php dafür verantwortlich

• This reply was modified 7 years, 11 months ago by Guenni007.

Hast du in deinem Child-Theme functions.php Benutzereinträge?
Poste mal bitte.

Oder hast du custom Shortcodes im Gebrauch?

• This reply was modified 7 years, 11 months ago by Guenni007.

bin noch nicht mit allen Installationen auf der neuesten 4.1.2 aber unter 4.1.1 kann ich das so nicht bestätigen.
Bei mir läuft das so wie es sein soll.

maybe it is possible through the wptexturize function in wp-includes/formatting.php
but how should a function decide if a dash is a non-breaking hyphen or not.

This was first in my mind:

function non_breaking_hyphens($content){
    return str_replace('-', '‑', $content);
}
add_filter('the_content', 'non_breaking_hyphens');

the second dash is your entity – the board soft directly transfered it allthough it is in code block
so it is & and behind #8209;

PS: now i see that french has alot of those words rendez-vous etc.

PPS: this is the way Enfold did it with the ampersand sign and some quotation-marks (functions-enfold.php lines 571ff)
Maybe this could be done here too- because if a dash is set consciously it is nearly 100% a non-breaking dash.

• This reply was modified 7 years, 11 months ago by Guenni007.

if it is only for this site you can combine both rules (if you want it for all pages and after each color-section or grid-row this could be done via classes)

.page-id-117 #av_section_1::after, .page-id-117 #after_section_1::after  {
content: ” “;
display: block;
height: 15px;
width: 100vw;
background: rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #604b66 0%, #604b66 33%, #937522 33%, #937522 66%, #d6a83e 66%);
background: -webkit-linear-gradient(left, #604b66 0%,#604b66 33%,#937522 33%,#937522 66%,#d6a83e 66%);
background: linear-gradient(to right, #604b66 0%,#604b66 33%,#937522 33%,#937522 66%,#d6a83e 66%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#604b66′, endColorstr=’#d6a83e’,GradientType=1 );
background-repeat: none;
background-position: center top;
background-size: 100vw 15px;
}

btw: stretch your background-image of the color-section on top (cover element) because it ends on bigger screens.

• This reply was modified 7 years, 11 months ago by Guenni007.

yes – you should only remove that grid under your price-table.
it seems that a container which is set to 100% max-width hampered the building of sidebar.
Having one above changes something now you have an id for the price-table container of #after-submenu

so code is than:

.page-id-117 #after_submenu::after {
    content: " ";
    display: block;
    height: 15px;
    width: 100vw;
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #604b66 0%, #604b66 33%, #937522 33%, #937522 66%, #d6a83e 66%);
    background: -webkit-linear-gradient(left, #604b66 0%,#604b66 33%,#937522 33%,#937522 66%,#d6a83e 66%);
	background: linear-gradient(to right, #604b66 0%,#604b66 33%,#937522 33%,#937522 66%,#d6a83e 66%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#604b66', endColorstr='#d6a83e',GradientType=1 ); 
    background-repeat: none;
    background-position: center top;
    background-size: 100vw 15px;
}

• This reply was modified 7 years, 11 months ago by Guenni007.

see my comment on https://kriesi.at/support/topic/custom-widget-not-showing/#post-822505

delete the following grid-row to proove – and than we will see if we can do that “Separator” in a different way

but you can force it by inserting the price-table in a 2/3 column and in that 1/3 column the Widget-Area ALB Element and do for that page/post a non sidebar layout!

so now with your website online i see you are using on that page a grid-layout or color-sections – these are per definition 100% width

But you can mimic it by:
click to enlarge

see example here: https://webers-testseite.de/test/

but in a color-section only this one will work : https://www.youtube.com/watch?v=Wq-DEL2ONGg?rel=0&autoplay=1&loop=1

hm seems to be gone – now it works on firefox too:

here is the download for Enfold 4.1 : download

and if you like to have it bigger try to define it via screenwidth (in this case too a 4/3 ratio) :

.mfp-iframe-scaler {
    height: 0;
    left: 50%;
    overflow: hidden;
    padding-top: 45vw !important;
    position: relative;
    transform: translate(-50%) !important;
    width: 60vw !important;
}