siehe Nachtrag : zum Layerslider

you can try:

/*** for fullwidth sliders ***/
.avia_transform .av_slideshow_full .active-slide .avia-caption-title,
.avia_transform .av_slideshow_full .active-slide .avia-slideshow-button {
    -webkit-animation: unset !important;
    animation: unset !important;
    opacity: 1 !important;
    transition: none !important;
    visibility: visible !important;
}

if there is a custom-class on that alb – it will be as you can see above on av_slideshow_full

zunächst um deinen Bedenken Rechnung zu tragen: solltest du deine Startseite als Maintenance Mode Seite definieren ( über Theme Options Tab).
Wer nämlich deine Seite über z.B die Google Suche direkt findet ist trotzdem auf deiner Seite. – und hier begrüßt ihn als erstes : Google Analytics – welches unbedingt ein Opt In benötigt.

Ich lade meine Schriften alle local. Heißt: ich lade mir die Google Fonts herunter und binde diese im Theme local ein.
Um Copyright Problemen diesbezüglich zu umgehen kann man sich bei Google einloggen, und dort den Nutzungsbedingungen der Google Fonts zustimmen. Ist schon ne Weile her, dass ich dies tat; daher musst du mal Googlen wo das war. Ist nur einmal nötig – danach kann man alle Google Fonts auch nutzen in dem man sie downloaded und einbindet.

Um die Einbindung via Enfold zu unterdrücken nutze ich immer noch das alte Snippet:
*removed the deprecated snippet*
aber es geht wohl auch so :

function my_output_google_webfonts_script( $activate ){
  return false;
}
add_filter( 'avf_output_google_webfonts_script', 'my_output_google_webfonts_script', 10, 1 );

ich habe mir ein kleines Plugin dafür geschrieben, aber man kann auch ganz einfach mit den Angaben die Google selbst anbietet bzw. der Google Webfont Helper: Link für Raleway bietet die Fonts dann local einbinden.

• This reply was modified 2 years, 7 months ago by Yigit.

ok – now i see the pages . There are elements in it.
to have a color-section with background-image responsive you had to determine the height in that aspect-ratio of the bg image.
for your page (free-session) i would insert the 1500px x 430px image format – and set the background-image to cover.

Then for your page: free-session

#top.page-id-9607 #av_section_1 {
  height: 28.66vw; /***  100x(430px:1500px)  ***/
  min-height: 350px;
  background-size: cover !important; /*** but you can do that on alb settings ***/
}

The min-height rule is to have enough height on small screens to fully surround the content

Same on your home page – let the image be full and set background-size to cover

#top.page-id-143 #av_section_3 {
  height: 26.04vw; /***  100x(500px:1920px)  ***/
  min-height: 500px;
  background-size: cover !important; /*** but you can do that on alb settings ***/
}

You had to know a fundamental thing on WPML: Nearly all of the Enfold Settings are saved separatly by each language.
Quck Css, Color Settings, Advanced Settings etc. pp.
You see an additional Tab on top of the enfold settings:

My advice is: Layout and Style your first default language. After doing that – you can then transfrer your enfold settings to the other languages.
Just export the enfold theme settings file from your default language – change the lang on that tab – and import that theme settings file.
Many claim that this is too complicated, I find it a nice feature. You can choose your own colour schemes and fonts etc. for each language.

yes – different classes on the same element are noted without space. .av-submenu-container.topsubmenu
if you have .av-submenu-container .topsubmenu the av-submenu-container has a child with class: topsubmenu. What is not the fact.
The order is then also important, with parent – child relationships anyway – and here at the same element in particular.

i would do that with an image of houzz and a small snippet in child-theme functions.php:

function avia_add_houzz_social_icon($icons) {
    $icons['Houzz'] = 'houzz';
    return $icons;
}
add_filter('avf_social_icons_options','avia_add_houzz_social_icon', 10, 1);

you find this new entry than on “social profiles” at the end of the list.
for inserting now the new icon just place this to quick css:

#top #wrap_all .av-social-link-houzz a:before{
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    background: url(/wp-content/uploads/path-to-houzz.svg) no-repeat center center;
    background-size: contain;
}

#top #wrap_all .av-social-link-houzz:hover a {
  /***  optional ***/
}

now the values depends on where you will show your social media icons

the custom class – if you set it directly to the alb element (submenu) itself goes to the submenu container.
so it is the same place – therefore it has to be placed without space in the rule – and because it is after the av-submenu-container class :

@media only screen and (min-width: 1024px) {
	#top .av-submenu-container.topsubmenu { display: none !important; }
}

no i’m participant as you are.
But i guess you are belonging to magazine.php line 1441 and the category for that post.

$cats_html .=		'<span class="av-magazine-text-sep text-sep-cats">In</span>';

but i do not see that this is in translated in any lang file – so it makes me wonder that you have there a “Da”

choose for that button alb element the option to have an icon. place it where you like – even to see only on hovering.
then replace that icon by an image via quick css.
To better select the specific button – give a custom class to the button alb itself – f.e.: imagebutton

.avia-button-wrap.imagebutton {
  overflow: hidden;
}

.imagebutton .avia_button_icon {
  height: 0px;
  overflow:visible;
  display: inline-block;
  vertical-align: top !important;
}

.imagebutton .avia_button_icon::before {
  content: "";
  background-image: url(/wp-content/uploads/IMAGE.svg);  /*** path to your image file ***/
  background-repeat: no-repeat;
  background-size: contain;
  width: 50px;
  height: 50px;
  position: relative;
  display: inline-block;
  top: -11px;
  left: -5px;
}

See here – buttons on the right – green or blue one: https://webers-testseite.de/buttons/

then offtopic Mike : why does the snippet above hamper building a postslider – it works great on blog post alb with grid style. But adding that snippet all postsliders ( even the portfolio sliders are gone )

hm – no woocommerce no Events on that – but i got this too ! on Enfold 4.9.2.1 the shortcode is seen on debug mode – but on DOM there is no postslider.

i checke what could have influenced the issue – because on another installation – it is correct.
For a memenber here i checked the snippet to show first sticky posts then the rest. this snippet:

function sticky_posts_first($query, $params) {

  $include = array();
  $sticky = get_option( 'sticky_posts' );

  $args = array(
  'post__not_in' => $sticky,
  'orderby' => 'modified',   // here you can influence the orderby option of the non sticky post to your needs 
  'order'	=> 'desc',    //  the order of the non sticky posts
  'numberposts' => -1  	 // -1 for all - that number is for the non sticky posts  
  );
  $posts = get_posts( $args );

  foreach($posts as $post) {
  $include[] = $post->ID;
  }
  if ( !is_sticky() ) {
    $include = array_merge($sticky, $include);
  };

  $query['post__in'] = $include;
  $query['orderby'] = 'post__in';

return $query;
}
add_filter('avia_post_slide_query','sticky_posts_first', 10, 2);

seems to hamper the postslider shortcode. Because when i delete it from my child-theme functions.php – everything is there again.

this is often the case that a css setting determined via the developer tools works immediately, but eventually the rule must be set to at least important to take effect.
For my part, I try to get rules to show an effect rather through higher specificity. If at all possible I like to avoid setting !important rules.
What usually helps in this context is to add an ID to the rule.
Here you have to be a bit careful because avia-desktop sits at html as a class. Therefore – guess this wil work too:

.avia_desktop #top .av-masonry-entry:hover .av-masonry-image-container {
-webkit-transform: scale(1);
transform: scale(1);
}

you can do that slidewise : open that slider in layout – click on the slide you like to change the heading tag – go to the tab: advanced and choose your tag “Heading Tag (Theme Default is <h2>)”