PS : please always use here on board for code the code-block tag – it is easier to test for us by copy paste the codes inside – as you can do now with the code above.

vielleicht nehmt ihr das jameda blau mit Schatten:

/***** Textauswahlfarben****/
::selection {
    background: #3cb8dd !important; 
    color: #fff !important; 
    text-shadow: 1px 1px 1px #333 
}
::-moz-selection {
    background: #3cb8dd !important; 
    color: #fff !important; 
    text-shadow: 1px 1px 1px #333 
}

so Aleo is not in the set of Enfold implemented choice.
Go to the aleo page: https://fonts.google.com/specimen/Aleo

if you click on “select this font” on top right position there will be on the bottom a slide out window.
Click on that little dark gray slide out window. Now you see the implementing options.
You can customize the import options f.e. if you like to have the bold (700) font-style.

Standard: <link href="https://fonts.googleapis.com/css?family=Aleo&display=swap" rel="stylesheet">
@import rule:
@import url('https://fonts.googleapis.com/css?family=Aleo&display=swap');
or with bold font style:
@import url('https://fonts.googleapis.com/css?family=Aleo:400,700&display=swap');
the last rule could be placed f.e. on your child-theme style.css. ( Dashboard / Appearance / Theme Editor )

after that you can use the font for definitions in quick css as:
font-family: 'Aleo', serif;
so f.e.:

h1 {
font-family: 'Aleo', serif;
}

On GDPR Reasons it might be better to load the font locally.
Enfold got some Options for that:
All is said on f.e.: https://kriesi.at/documentation/enfold/typography/#register-additional-google-fonts-for-theme-options

if you like to have the newly added font in Enfold Font Choice you can do that via a littel snippet for child-theme functions.php:

add_filter( 'avf_google_heading_font',  'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Aleo'] = 'Aleo:400,700&display=swap';
return $fonts;
}

add_filter( 'avf_available_google_fonts',  'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['Aleo'] = 'Aleo:400,700&display=swap';
return $fonts;
}

the font will be on the font list on the bottom of the lists.

And Ipad is 768px wide on portrait !
so the media query code can’t grip.

with the help of icomoon app i generated a enfold entypo demo :
these are all used (implemented) icons from enfold.
https://webers-testseite.de/enfold-entypo/
a usefull thing is to know the code the icon has.

on default the filter had to work –
you can try this – maybe it works better:
for your child-theme functions.php
don’t see your site so you had to know your selector by yourself : but guess it is right:

// Excerpt length
function custom_grid_excerpt(){
?>
<script>
(function($){
$(window).load(function(){
    $('.grid-entry').each(function() {
        $(".entry-content").text(function(index, currentText) {
            return currentText.substr(0, 20);
        });
    });
});
})(jQuery);
</script>
<?php
}
add_action('wp_head', 'custom_grid_excerpt');

for blog the part in the middle of that function will be:

    $('.post-entry').each(function() {
        $(".entry-content > p").text(function(index, currentText) {
            return currentText.substr(0, 20);
        });
    });

best would be to see your site to give advice.

thank you, but i don’t want to create a new (icon)Font, just want to put another ICON in the Top of the box.

maybe this is a hint to do it: https://kriesi.at/support/topic/custom-icons-blank/#post-1111653

On that special case i replaced all the existing icons “bell” of entypo-fontello with an uploaded svg file (png).
The trick is to get rid of the “content” ( data icon of the entypo-fontello) and place a background-image to that container.

But you can do this once for any entypo-fontello icon ( not to replace all bell icons ) but the method is similar to that method

May i see your site link?

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

function masonry_title_fix(){
?>
<script>
(function($){
    $(window).load(function() {
      $('a.av-masonry-entry.lightbox-added').each(function(){
            var lin = $(this).find('.av-masonry-entry-content').text();
            $(this).attr('title',lin);
        });
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'masonry_title_fix');

but you had to choose to show on the gallery both : title and excerpt (that is the entered Caption)
If you only want to have under the gallery images the title – but on lightbox the caption – just do this to quick css:

.av-masonry-entry-content.entry-content {
    display: none !important;
}

see here: https://webers-testseite.de/gallery/

First : use the code tag to post code here on board. Then we can see if you are using correct Brackets, Quotationmarks etc. pp.
And: it can be copy/pasted to proove or to insert it where you like.
Second : A function name should be always unique in your functions.php ! : with your code on top, you violated that rule.
(But on newer WP Versions the site should crash – it has some warnings on the bottom and does not save the changings – so ? )

you can shorten your code above to:

// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
	$icons['yelp'] = array( 'font' =>'fontello', 'icon' => 'uf1e9');
	$icons['tripadvisor'] = array( 'font' =>'fontello', 'icon' => 'uf262');
return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
	$icons['Yelp'] = 'yelp';
	$icons['TripAdvisor'] = 'TripAdvisor';
return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

your font is named really : fontello ? – so you didn’t enter on top of fontello site a font-name?

so a bit offtopic: these font-icons are nice to have and a quick way to style buttons etc. with icons. You are alway resticted to monchrom usage.
So if you only have to work with some or – always the same icons you can replace the inserted icon from entypo-fontello by a png or svg – if you like.
give a custom-class to the container where you want to replace the icons. —- in my case it is : spezial-icon
CSS code is a bit different if you got chart or icons
here i replace that little bell icon – you find the code to insert on hovering the icon on the select field. you will find for the bell: \ue83d
erase the “u” in it. (by the way the backslash on mac keyboards is on shift+option+7 – on pc there is an extra key for it)
you have to look what you like to replace

.spezial-icon .av-icon-char[data-av_icon="\e83d"]::before, 
.spezial-icon .iconlist-char[data-av_icon="\e83d"]::before,
.spezial-icon .iconbox_icon[data-av_icon="\e83d"]::before {
    content: " ";
    display: inline-flex;
    width: 1.4em;
    height: 1.4em;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("//the-path-to-your-image/image.svg");
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
}

.spezial-icon .av-icon-char[data-av_icon="/e83d"]::before {
    position: relative;
    top: 0 ;
    left: 0 ;
    transform: none;
}

the width and height is set by relative values to the font – so it is synchonized with the font-size of the entypo-fontello font icon.
Play a bit with these values.

• This reply was modified 6 years, 5 months ago by Guenni007.

wäre auch für mich eine große Zeitersparnis.
Zudem glaube ich, dass es in der Tat aus SEO Gründen wirklich gut wäre hier eine abgestufte Heading Hierarchie zu ermöglichen.

no – the code is as i expected it. And the sequence there is like mentioned above.
i only adjusted the icon-list code to that sequence like in icon-box code and erased that line : $this->iconlist_styling = '';
For me, this is an overdetermination like mentioned here: https://kriesi.at/support/topic/icon-list-element-issue/#post-1085579

_______
But I’m really not a good coder now. I can only compare the source codes and see the differences and logical relationships. Since the icon box was running – I just looked what the difference was to Icon-list in the queries.
There I saw that just the order is different within function shortcode_handler

see here my comment and the discussion :
https://kriesi.at/support/topic/icon-list-element-issue/#post-1080940
and
https://kriesi.at/support/topic/icon-list-element-issue/#post-1085579

after this 4.5.6 and 4.5.7 comes with both lines (and the missing ones)
having both in the code comes to conflict with my customizations. Don’t know why

some words to that plugin. Seems to be a good one. But:
ask the developer if it is compatible with Enfold – or search the internet for some hints if it is working with enfold.
This plugin – does it work with its own lightbox script. Can you use both lightbox (magnific popup from Dmitry Semenov) and that of your plugin?
Etc pp.

;)

https://enviragallery.com/docs/enfold-theme-enviras-automatic-gallery/