and how did you want to achieve these different text-sizes? Are these textblock alb elements – and you have set the font-size via the styling tab of the textblock alb:

– or did you insert inline css – like:

In principle I would also welcome a vision of where the journey is destined to go.

But if you have ever worked with Elementor, e.g. the theme Jupiter comes along with this editor, you will appreciate the intuitive use of Enfold’s Drag&Drop. – Yes, Elementor is a powerful tool – but I get a similar layout result much faster with Enfold via drag&drop.

Leaving this principle would be completely wrong – it would mean that Enfold would give up a unique selling point.

The majority of users are not web design experts here, who by the way also appreciate the haptic quality, but private users, or at least only small to medium sized companies, who design their sites themselves.
I also get along quite well with Divi Builder, but even here a quick implementation of an own layout is not as possible as it is with Enfold. Not without reason there are 100s of templates that you can import.

If you really want to go there and use Elementor – please open a new theme with it and keep Enfold as it is.
If something is missing for non-professionals, it would be the element of dividers.
Those of you who know how to do it, can do it already – and have their own svg instead to style section dividers.

_______

about bugs and bug-fixes:
it is a fact that a constantly changing world needs to experience new adaptations of proven methods.
The development of a WordPress theme is no exception.
The implementation of the GDPR was such a thing that the developers were approached.
Closing security gaps against constantly new cyber attacks is always a new challenge. WordPress code enhancements have to be adopted and any bugs that arise have to be fixed.

I think that the team offers fast and good work also here.

Strangely enough, with Microsoft operating systems, no one gets upset anymore about the fact that bug fixes have to follow all the time. Unfortunately this is also the case with OSX.

I think I can remember, is this not a everytime problem of css – to center a graphic in the horizontal?

: not at all ;)

so I don’t know where you tested it, maybe you should empty the cache of all involved systems, but on 4 of the browsers I use so your svg is centered.
You might not use a relative unit of measurement for the size of your svg, but set the background size to a fixed value (350px)
– or background-size : contain

It is probably just a Black Friday hint. – without that there really is a new version. – Envato likes to do that.

well there is a more complex way of having a substituted edited : class-framework-widgets.php
on that it will be possible to have the Read more insert translatable with avia_framework.

but a fast way is to put this in child-theme functions.php:
on my opinion it will be better to shorten the amount of words in that excerpt than to have letter shortening.

function custom_news_excerpt(){
?>
<script>
(function($){
    function trimByWord(sentence,wordcount = 5) {
        var result = sentence;
        var resultArray = result.split(" ");
        if(resultArray.length > wordcount){
        resultArray = resultArray.slice(0, wordcount);
        result = resultArray.join(" ");
        }
        return result;
    }

    $(document).ready(function(){
        $('.news-content').each(function() {
        	 var newsLink = $(this).find('.news-link').attr('href');
             $(this).find('.news-excerpt').text(function(index, currentText) {
                return trimByWord(currentText);
             });
             $(this).find('.news-excerpt').append('<div class="read-more-link"><a class="more-link" href="'+newsLink+'">Read more<span class="more-link-arrow"></span></a></div>');
    	});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_news_excerpt');

you can have a before pseudo container on every selector you like. The before content is set to empty: content: ""
and then a background-image your svg etc. pp. if you need detailed advice – it will be better to have a concrete link to your page.

use the grid-row element for that.
you can change the sizes on right bottom Corner of that element to 3/5 2/5

for your image uset the grid-cell background option .
you can see here on the demo the 1/2 1/2 case: https://kriesi.at/themes/enfold-freelancer/

if you do not want to influence all fullwidth buttons on all pages – you should give to those fullwidth-buttons a custom-class.
in my case i use for that : fullwidth-specialbutton

because of the inline setting of most of those values we had to use !important on most of the rules

#top .fullwidth-specialbutton .avia-button.avia-button-fullwidth {
  padding: 40px !important;
  margin: 40px 30px !important;
  width: calc(100% - 60px) !important; /*** this has to correspond to your margin (left/right) settings ***/
  background-color: yellow;
  color: #333 !important;
  border-radius: 20px !important;
  border: 2px solid #333 !important;
  box-shadow: 2px 2px 15px #333;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease
}

#top .fullwidth-specialbutton .avia-button.avia-button-fullwidth:hover {
  background-color: darkblue;
  color: #FFF !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease
}

/*** this background is on enfold for highlite status - we do that with hover-style ***/
#top .fullwidth-specialbutton .avia-button.avia-button-fullwidth .avia_button_background {
  display: none
}

#top .fullwidth-specialbutton .avia-button.avia-button-fullwidth .avia_iconbox_title, 
#top .fullwidth-specialbutton .avia-button.avia-button-fullwidth .avia_button_icon {
  font-size: 50px !important;
}

or try this in your quick css:

/****** sticky header with transparent bg at beginning *************/
/****** adjust the 989px to when responsive case burger is visible ***** my setting is 990px ********/
@media only screen and (max-width: 989px) {
  .responsive #top #wrap_all #header .container {
    width: 90%;
    max-width: 90%;
  }
   
  #header {
    position: fixed !important;
    height: 115px !important;   /*** 80px if you got no top header ****/
    max-height: 115px !important;   /*** 80px if you got no top header ****/
  }
  
  .responsive #top #wrap_all .av_header_transparency {
    background-color: transparent;
  }

/****** if you like to have on mobile white bg first then this and remove transparency option 
  .responsive #top .header_bg {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #fff !important;
  }
*************/
   
  .responsive #top .av-logo-container ,
  .responsive #top .logo a,
  .responsive #top .logo img {
    height: 80px !important;
    max-height: 80px !important;
  }
  
  .responsive #top .av-main-nav .menu-item-avia-special a {
    height: 80px !important;
    line-height: 80px !important;
  }
}
/****** End *************/

you can see it here in action: https://webers-testseite.de/pureinstall/

but please try the second solution. It seems the better one for responsive case:

#fullwidth-content .container .content {
  vertical-align: top !important;
}

#fullwidth-content .post-entry {
    position: relative;
    top: 5%;
}

#fullwidth-content .container {
  max-width: 100%;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

#fullwidth-content .flex_column.first {
  width: 55%;
  padding: 20px 20px 10px 10vw;
  background: rgba(255,255,255,0.7);
  position: relative;
  float: left;
}

#fullwidth-content .flex_column.avia-builder-el-last {
  position: relative;
  float: left;
  width: 30%;
}

@media only screen and (max-width: 767px) {
  #fullwidth-content .flex_column.avia-builder-el-last {
    float: none;
    width: calc(100% - 100px) !important;
    margin: 0 50px !important;
  }
  #fullwidth-content .flex_column.first {
    float: none;
    width: calc(100% - 50px) !important;
    margin-right: 50px
  }
}

or do you mean this “sticky” behavior: https://webers-testseite.de/sticky-elements/

this is css for the possibility to have a neightbour container to that “flag” on the left
second color-section got a unique ID : fullwidth-content2

#fullwidth-content2 .container .content {
  vertical-align: top !important;
}

#fullwidth-content2 .post-entry {
    position: relative;
    top: 20%;
}

#fullwidth-content2 .container {
  max-width: 100%;
  width: 100% !important;
  padding: 0
}

#fullwidth-content2 .flex_column.first {
  width: 55%;
  padding: 20px 20px 10px 10vw;
  background: rgba(255,255,255,0.7);
  min-height: 150px;
  position: relative;
  float: left;
}

#fullwidth-content2 .flex_column.avia-builder-el-last {
  position: relative;
  float: left;
  width: 30%;
}

@media only screen and (max-width: 767px) {
  #fullwidth-content2 .flex_column.avia-builder-el-last {
    float: none;
    width: calc(100% - 100px) !important;
    margin: 0 50px !important;
  }
  #fullwidth-content2 .flex_column.first {
    float: none;
    width: calc(100% - 50px) !important;
    margin-right: 50px
  }
}

if you open the icon-box Element you do not have 3 General Tabs on top ( see screenshot above )
Content, Styling and Advanced !

on default the option is not activated ( “Hide template builder developer options” ) – see dashboard – Enfold – Layout Builder:
https://kriesi.at/documentation/enfold/intro-to-layout-builder/#developer-options

Just for info: some ALB Elements got extra-args for that filter – so you can influence f.e. on timeline.php the date and the title headings
Date is on default : h2 – and the title is h4
if you want to influence those ALB Elements with extra args you had to do following:

function my_avf_customize_heading_settings( array $args, $context, array $extra_args = array() ){
  //so here comes the extra_arg date with that filter 
  if( $context == 'avia_sc_timeline' && is_array( $extra_args ) && in_array( 'date', $extra_args ) ) {
    $args['heading'] = 'h3';            
    $args['extra_class'] = 'my-timeline-date-class';   
  }
  //so here comes the extra_arg title with that filter
  if( $context == 'avia_sc_timeline' && is_array( $extra_args ) && in_array( 'title', $extra_args ) ) {
    $args['heading'] = 'h1';            
    $args['extra_class'] = 'my-timeline-title-class';   
  } 
  return $args;
}
add_filter( 'avf_customize_heading_settings', 'my_avf_customize_heading_settings', 10, 3 );