the input button destroys every method i can imagine !

For some reasons i tried it with embeding fontawesome (functions.php of child-theme) :

add_action( 'wp_enqueue_scripts', 'enqueue_awesome' );
function enqueue_awesome() {
  wp_enqueue_style( 'prefix-font-awesome', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css', array(), '4.7.0' );
}

and than add the concerning class to the submit button:

function add_class_to_submit() {
?>
<script type="text/javascript">
   jQuery(document).ready(function() {
      jQuery('input.button').addClass('fa fa-envelope-open-o');
   });
 </script>
<?php
}
add_action('wp_footer', 'add_class_to_submit', 20);

this works but font isn’t visible – the pseudo-class before and after did not work

no that is not what i want – i told here https://kriesi.at/support/topic/adding-an-icon-to-the-form-submit-button/#post-828508 that this will be the fastest way to get an entypo-fontello icon to the submit button – you only have to put in that field the copied sign plus Submit text and set up css for font-family than.
red arrows

click to enlarge

but i want to edit the shortcode to have the oportunity to have icons for that button looks this way newfields with blue arrows

but inserting in that input field the "{$display_char}"." ".$button ends up ( see preview in image above)
that comes i think from a function in font-manager.class.php
So if i knew how to get via php only the transformed sign  without that other stuff – i can insert than that glyph to value of input field.
And share afterwards the edited contact.php

if we know the html attribute symbol for that icon you can insert it in the input field of contact form element f.e.:

 Submit

you only have to setup then :

input.button[type="submit"] {
    font-family: entypo-fontello;
}

but is there a list of that html attribut symbols concerning to entypo-fontello icons ?

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, 4 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, 4 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, 4 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, 4 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, 4 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, 4 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/