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

naja die Slider und icon-box und icon-lists
Bei den Slidern wäre es deshalb gut, weil man hier dann pro Slide den heading-tag festlegen kann.
gerne könnt ihr auch meine Versionen nehmen und die Kommentare rauslöschen.

Aren’t you willing to accept or try a solution from a non moderator? ;)
if there are questions – tell me

.page-id-102 #av_section_1 .avia-button.avia-size-large {
    padding: 15px 25px 13px;
    font-size: 13px;
    min-width: 150px;
}

btw: you had to break your menu earlier – on screen-width less than 1216px you have menu-items in top-section

after that OCD Comment i wouldn’t make the site public too – but I’d like to see what you try to achieve.
Maybe you can post the alb shortcode that is causing the problem here.

you are working with a child-theme – but have no functions.php in there?
The downloadable preset child-theme of Enfold has it on default: https://kriesi.at/documentation/enfold/child-theme/

And this is all what is in the starting child-theme functions.php

<?php

/*
* Add your own functions here. You can also copy some of the theme functions into this file. 
* WordPress will use those functions instead of the original functions then.
*/

for the second request – look into your source code and see what ID the first image got- on that page above it is : #av-masonry-1-item-125

function start_with_clicked_state(){
?>
<script>
(function($) {
$(window).load(function() {
    setTimeout(function() {
        $('#av-masonry-1-item-125').trigger('click'); 
     }, 1000);
 });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'start_with_clicked_state');

see here my example page: https://webers-testseite.de/gallery/
with both codes above : after 1sec the lightbox starts – every 6sec the image will load the next one.

so you do not have to do something on the starting page: http://fvs.768.myftpupload.com/kitchens/
just see the ID of the first image you have on that newly opend one (http://fvs.768.myftpupload.com/before-after-stained-kitchen-cabinets/)

this is better:
try this in child-theme functions.php:

function set_interval_for_lightbox(){
?>
<script>
(function($) {
setInterval(function() {
	if(typeof($.magnificPopup.instance) != 'undefined') {
		$.magnificPopup.instance.next();
	}
}, 6000);
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'set_interval_for_lightbox');

6000 is the interval in milliseconds

but i do not know (yet) how to link directly from the one gallery to a “lightbox gallery slideshow” on the other page.
The code above will work on every sub-page like: http://fvs.768.myftpupload.com/before-after-stained-kitchen-cabinets/

you can add the link definition as it is presented at google fonts to the head section by child-theme functions.php via:

add_action('wp_head', function() {
?>
  <link href='https://fonts.googleapis.com/css?family=Amatic+SC&display=swap' rel='stylesheet' type='text/css'>
<?php
});

PS: on GDPR (DSGVO) Reasons – i load the font localy – and this works good

https://kriesi.at/support/topic/enfold-image-sizes-3/#post-1109028

or let some in but redefine the width and height of them:

function custom_modified_thumb_sizes( $size ){
  $size['square'] = array('width'=>300, 'height'=>300 );      
  return $size;
}
add_filter('avf_modify_thumb_size', 'custom_modified_thumb_sizes', 10, 1 );

to set the crop behavior that line looks this way:
array('width'=>300, 'height'=>300 , 'crop' => false);