which font do you want to include?
do you have all font-weights you need in that zip file you upload? / or in the folder you upload?

a good starting (not only for google fonts – but for comparison) – this page could show you how it works to load fonts locally:
https://google-webfonts-helper.herokuapp.com/fonts

If you choose in the list on the left side one font – you an see on the right side the options you have.
On 2. Style select you can make your choice what font-style you like to include – if you want to do it exactly, you should select the italic fonts as well. Often it is enough to leave this display to the browser. Because every font style that should be loaded costs performance.
On 3. you can decide if you like to support even older browsers – or to load only modern browser support ( only woff and woff2)

first it is set to 100% in base.css ( inside the css folder )
a little down that definition it is set to:

/*default*/
h1, h2, h3, h4, h5, h6 {
/*	font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif; */
	font-weight: 600; }
#top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a { font-weight: inherit; text-decoration: none; color: inherit; }
#top h1 strong, #top h2 strong, #top h3 strong, #top h4 strong, #top h5 strong, #top h6 strong { color: inherit; }
h1 { font-size: 34px; line-height: 1.1em; margin-bottom: 14px;}
h2 { font-size: 28px; line-height: 1.1em; margin-bottom: 10px; }
h3 { font-size: 20px; line-height: 1.1em; margin-bottom: 8px; }  /*28*/
h4 { font-size: 18px; line-height: 1.1em; margin-bottom: 4px; }  /*21*/
h5 { font-size: 16px; line-height: 1.1em; }  /*17*/
h6 { font-size: 14px; line-height: 1.1em; }

the option in the Enfold settings dialog “Default content font size” sets the size for the body. Many font size definitions go back to this value

sorry no private content for me – i’m participant as you!

but all pages except the front page :

function add_class_to_images(){
if(is_page() && !is_front_page()){
?>
<script>
	(function($) {		
		$('img').addClass('zoooom');
	})(jQuery);
</script>
<?php
}
} 
add_action('wp_footer', 'add_class_to_images');

the Exclamation mark indicates a not logic so it is all pages but not front page
PS: is_home() might work here too – but there is a little difference inbetween is_front_page() and is_home()

Well you can use every conditional tag wordpress offers: https://codex.wordpress.org/Conditional_Tags
a douple pipe is a logic or and a double && is a logic and
so you can start with – the if clause wraps the script that should be used.
e.g.:

function add_class_to_images(){
	if(is_page() || is_singular('post') || is_singular('portfolio')){
		?>
			<script>
				(function($) {		
					$('img').addClass('zoooom');
				})(jQuery);
			</script>
		<?php
	}   // this closes the if statement
}   // this closes the function itself
add_action('wp_footer', 'add_class_to_images');

//more specific selections can be made within the brackets. (e.g. - which pages should be affected via an array). 
// IDs without quotes and page names like privacy , portfolio etc. with quotes
if(is_page(array( 1396, 1617, 'privacy'))){ …

it might be better to see your pages it concerns to give exact help on that.

Not all Images are inserted in Enfold as <img src=" …
a lot of them are only background-images f.e.: https://kriesi.at/themes/enfold-2017/elements/masonry/

you can try this in child-theme functions.php if you need that class directly on the img tag itself
if you need it on the parent element tell me – then we can find that parent by another selector.
( i think even an each function is not neccessary)

function add_class_to_images(){
?>
<script>
(function($) {		
	$('img').addClass('zoooom');
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_class_to_images');

see same example page on top: https://webers-testseite.de/excerpt/
take an enfold button – light transparent and give to those buttons a custom class: button-liner

.avia-button-wrap.button-liner {
    width: 100%;
    float: none !important;
    height: 100%;
    display: block;
    overflow: hidden !important;
}

.avia-button-wrap.button-liner:before {
	display: inline-block;
	content: "";
	position: relative !important;
	top: 8px;     /*depending on your setting - like font-size etc. */
	left: 0;
	width: calc(100% - 150px) !important;     /*you know best how long this had to be for your text */
	border-bottom: 2px solid #ccc;
}

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

this here f.e. is :

non breaking space
small no-break Space
non breaking hyphen

see a list of them here: http://unicode.e-workers.de/entities.php

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

can you try this in your quick css:

.main_color .avia-content-slider .slide-image {
  background: transparent !important;
}

.av-partner-fake-img {
  box-shadow: none;
}

div.header_bg ( header background) is the last div container in the header container.
( It rules a lot of settings f.e. glassy header etc. pp)
click to enlarge

rule on that is:

.header_bg {
    background-image: url(/wp-content/uploads/privacy-1500x430.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.5;
}

but it depends on your header settings – and …
so more info about your header settings – then you can be offered more precise css code.

PS : a good advice is always to get familiar with the developer tools of the browsers ( that dark thing in my image above ) it tells you a lot of DOM Structure and give you the concerning css Rules set.
in Addition – you can influence and test (virtually) by adding or changing css rules in developer tools.
Even you can test some of the jQuery snippets offered here on board.

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

maybe you give a different color to the time format:

.portfolio-new-meta .date-container {
    color: #999 !important;
}

________________

Sad it is closed –

PPS: the responsive case is not nice – so try:

@media only screen and (max-width: 767px) {
  .blog-samenvatting.grid-sort-container {
    display: flex !important;
    flex-flow: row wrap;
    justify-content: space-between;
  }

  .blog-samenvatting.grid-sort-container .grid-entry {
    flex: 1 1 100% !important;
    width: unset !important;
    margin: 0 0 50px !important;
    padding: 0;
  }
  
  .blog-samenvatting.grid-sort-container .grid-entry .inner-entry > div  {
    width: 100% !important;
  }
  
  /****  these lines only if you like to have the image on top ******/
  .blog-samenvatting.grid-sort-container .grid-entry .inner-entry   {
    display: flex !important;
    flex-flow: wrap-reverse row;
    justify-content: stretch
  }
  
  #top .isotope-item.special_av_fullwidth .av_table_col .avia-arrow {
    top: 0%;
  }
 /****** remove it between these two comments if you are stisfied with image under the content *******/
}

and switch at every px-value you like – maybe 989 is better

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

by the way – i shift it this way:

function shift_extra_portfolio_meta(){ 
?>
<script type="text/javascript">
(function($) {
        $('.portfolio-new-meta').each(function() {
            $(this).next('.portfolio-entry').append($(this));
        }); 
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'shift_extra_portfolio_meta');

do not forget to get rid of this $markup in your code

if you like to have some binding words between the date shortcodes you had to insert a \ before the letters each – if they got a meaning on date format like a or t ( am/pm , time, etc.)

f.e. this:

 .get_the_date("j\. F Y \a\\t G:i", $entry).

see: https://wordpress.org/support/article/formatting-date-and-time/

don’t know why a double \\ must before the t – but that works

PS: it seems to slow down the site on loading if you got a lot of entries on that page.
Maybe a Mod knows a better way to insert the entry date to that place

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

on my versions of Enfold : 4.7.6.4 and testing 4.8 beta – there are no options to show title – excerpt and read more !
no option to show post meta here – that is the reason for my question – where did you set to show the date?

Only Chance to see it is to put in the excerpt field the shortcodes of the postmeta

Very important on flex modell use!
every element that is inside the flex-container is part of the rules – so no additional Heading inside a 1/1 container or a hr to have more space on top or bottom ( you can do this via padding ) should be inside the flex container.