du hast im enfold.css folgende Regel erstellt:

#top .header_color p, 
#top .main_color p, 
#top .alternate_color p {
    font-size: 18px;
    line-height: 1.4em;
}

eigentlich erbt der p-tag die Schriftgröße (und Zeillenhöhe) vom body tag!
diese css Regel habe ich nicht in meinem css. Daher dürfte das der Knackpunkt sein.

Allerdings ist mir noch unklar wie du es eingefügt hast. Denn normalerweise befinden sich die Einträge in der Quick css vor
diesen Einstellungen im css ( das sind die Enfold Optionen des general stylings.

.container {width:100%;} .container .av-content-small.units {width:73%; }
			
			  .responsive .boxed#top , .responsive.html_boxed.html_header_sticky #header, 
			  .responsive.html_boxed.html_header_transparency #header{ width: 1310px; max-width:90%; }
			  .responsive .container{ max-width: 1310px; }

durch die höhere Spezifität der css Regel ( 1ID, 1Klasse, 1 Element) wird das inline css nicht umgesetzt.

kannst du mal den link zur testseite posten?

yes – as far as i can see –
or do you mean those signs on the first column – did you try to insert on menu label an image ( maybe gif )

________________
if you like to have a little extra :

#top #header .avia_mega_div > .sub-menu > li > ul > li a:hover .avia-menu-text {
    padding-left: 10px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: white;
}

#top #header .avia_mega_div > .sub-menu > li > ul > li a .avia-menu-text {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

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

but I think there is a problem of understanding. A background image per se can’t be responsive, because the content decides the size of the container.
To display the complete content the container height has to be adjusted flexibly. No image in the world meets such criteria.
I have here a color-section forced by css to be responsive to the background image.
You see what happens to the content when the screen width is narrow?
https://webers-testseite.de/responsive-colorsection/

Now to the sliders – if you choose the fullscreen slider that is similar to that issue.
The Slider is forced to have a 100% of screen height : 100vh.
what should an image do that is landscape on a portrait format hold phone?

If you take the full-width slider – that reacts responsive – but content of it should have enough place.
Try on a copy of that f.e. startpage the full-width slider.

what exactly do you mean by “strange characters” ?
these are indicators that there is an unordered list – just “bullet points”

if you do not like to have them – just set them to display:none

.avia_mega_div .avia-bullet {
    display: none;
}

and if you do not like to have the list points with offset to the left:

#top #header .avia_mega_div > .sub-menu > li > ul > li a {
  padding: 3px 12px 3px 0px;
}

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/