Hi,
Thank you for the link to your post, I assume that you are asking how to get your News Widget in the sidebar to link to the post type “link”. Unfortunately for the News Widget you would need to edit the core files and make these changes with each update because it can not be added to your child theme, see this thread.
I recommend using the Magazine element instead without the first image large as it looks the same in the sidebar:

To do this open an empty post with the Classic Editor and use the shortcode wand for the magazine element:

and then copy the shortcode to a Custom HTML widget in your sidebar, here is the shortcode I used in this example:

[av_magazine link='category' thumbnails='aviaTBthumbnails' heading='' date_filter='' date_filter_start='' date_filter_end='' date_filter_format='yy/mm/dd' period_filter_unit_1='1' period_filter_unit_2='year' page_element_filter='' first_big_pos='top' image_big='magazine' items='10' paginate='' offset='0' heading_color='theme-color' heading_custom_color='#ffffff' heading_tag='' heading_class='' heading_link='' link_target='' img_scrset='' lazy_loading='disabled' alb_description='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='' sc_version='1.0' admin_preview_bg='']

I assume that you would like to hide the excerpts and the border between each item, so try this css:

.sidebar .custom-html-widget .av-magazine-content {
	display: none;
}
.sidebar .custom-html-widget .av-magazine-content-wrap {
	border: none;
}

For this expected result:

Best regards,
Mike

Hey schweg33,

Thank you for the inquiry.

You can select the patterns as overlay in the color section’s Styling editor. However, if you want to apply it as a background, you will need to use CSS. You can add a custom CSS code in the Quick CSS field to set the pattern as a background.

Example:

.avia-section {
    background-image: url(https://site.com/wp-content/themes/enfold/images/background-images/dots-for-dark-background-compressed.png);
    background-repeat: repeat;
}

You may need to apply a custom css class name or ID to the color section.

// https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

Best regards,
Ismael

Hey,

Please edit your Image element and go to Advanced > Developer Settings > Custom CSS class (https://i.imgur.com/K6gXFV1.png) and add a CSS class (“custom-shadow” in the example below)

.custom-shadow .avia-copyright {
  filter: drop-shadow(2px 1px 1px red);
}

If this isn’t what you meant, please post a screenshot and show the changes you’d like to make.

Best regards,
Yigit

Hey Anna_Tewes,
Perhaps a button like this:

Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
  (function($){
  var button = $('<div id="customButton" class="avia-button-wrap av-lfo8bepl-f0ac6d7c934e9f180b74755360f479e5-wrap avia-button-center  avia-builder-el-0  avia-builder-el-no-sibling "><a href="" class="avia-button  avia-icon_select-no avia-size-medium avia-position-center avia-color-dark"><span class="avia_iconbox_title">Overview</span></a></div>');
  $(button).prependTo('body');
  })(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'custom_script');

and add this css at Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#customButton {
    position: fixed;
    top: 7%;
    right: 12%;
    z-index: 503;
}

If you need any help adjusting for your site please include an admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hi,
Thanks for your patience, I was not able to edit your dev site homepage as it gave a server 500 error, I believe this is due to HTML code errors on the page after you saved it, I Enabled the Avia Layout Builder Debugger but this didn’t help in recovering the page. So I duplicated your page and it allowed me to edit it and I found css in the custom class field which is one possible reason for the failure:

.caption_framed .slideshow_caption .avia-caption-title { background: rgba(242, 242, 242, 0.5) !important; }

I removed and saved the page and it seems to be working correctly now, please check the link below.
I also found many more elements with HTML code, these can lead to future errors.

I recommend using our Special Character Translation plugin, please see our documentation: Using special characters

Best regards,
Mike

Hey MotiveAgency,
Thanks for your question, I’m not familiar with slick.js I imagine that you could add your “slides” via a code block element in the color section and add css to make the “slides” look like columns for desktop devices, but I don’t see an easy way to apply the javascript to the columns to become slides.
The Content Slider uses the avia-shortcodes/slideshow/slideshow.js , but rewriting this for columns would be a big job.
I recommend your first idea of using 2 elements and showing/hiding the relevant element per device.
Perhaps another option would be to try adding a custom classes to your three columns ie: .one, .two, .three and add a icon element with the custom class .next which only shows on mobile to toggle between your column “slides”:

Then in the code block element add this:

<style>
@media only screen and (max-width: 767px) { 
#top #main .avia-section .entry-content-wrapper {
  overflow: hidden;
  position: relative;
  height: 100vh;
}
#top #main .avia-section .entry-content-wrapper .no_margin.av_one_third {
  float: left;
  width: 100%;
  position: relative;
}
}
</style>
<script>
(function($) {
  var state = 1;
  $('.next').click(function() {

    if(state==1){
       $('.one').hide();
       $('.two').show();
       state=2;
    } 
    else if(state==2){
       $('.two').hide();
       $('.three').show();
       state=3;
    }
    else if(state==3){
       $('.three').hide();
       $('.one').show();
       state=1;
    }
  
});
}(jQuery));
</script>

On desktop you will have 3 columns:

on mobile only one column will show at a time and clicking the arrow will toggle the next column in a circle:

Best regards,
Mike

Hey Jochen,
Thanks for the link to your pages, you cannot use the Advanced Layout Builder to create your category pages unless you create specific pages and redirect to them.
But you can change the layout of the category pages, for example, if you want to use the grid layout add this filter to your child theme functions.php:

add_filter('avf_blog_style','avia_change_category_blog_layout', 10, 2); 
function avia_change_category_blog_layout($layout, $context){
if($context == 'archive') $layout = 'blog-grid';
return $layout;
}

To create a custom header to the top of your category pages you could add the element shortcode via a function like this:

add_action('ava_after_main_title', 'ava_after_main_title_mod');
function ava_after_main_title_mod() {
	if(is_category('news')) {
		echo do_shortcode("[av_one_full first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_width='10' row_boxshadow_color='' margin='0px' margin_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-small-margin='' av-small-margin_sync='true' av-mini-margin='' av-mini-margin_sync='true' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='300px' padding='' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='' av-mini-padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='#7bb0e7' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='' av-desktop-parallax_parallax='' av-desktop-parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='' css_position_location=',,,' css_position_z_index='' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-leu1xz8x' sc_version='1.0'][av_heading heading='Custom Header' tag='h3' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-desktop-font-size-title='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-desktop-font-size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-desktop-font-size-1='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='custom-color-heading' custom_font='#ffffff' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-small-margin='' av-small-margin_sync='true' av-mini-margin='' av-mini-margin_sync='true' headline_padding='' headline_padding_sync='true' av-desktop-headline_padding='' av-desktop-headline_padding_sync='true' av-medium-headline_padding='' av-medium-headline_padding_sync='true' av-small-headline_padding='' av-small-headline_padding_sync='true' av-mini-headline_padding='' av-mini-headline_padding_sync='true' padding='10' av-desktop-padding='' av-medium-padding='' av-small-padding='' av-mini-padding='' icon_padding='10' av-desktop-icon_padding='' av-medium-icon_padding='' av-small-icon_padding='' av-mini-icon_padding='' link='' link_target='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0' admin_preview_bg=''][/av_heading][/av_one_full]");
	}
}

In the code above you will note that I added the header only to the category News in if(is_category(‘news’)) this demonstrate that you can have different headers for different categories, you will also note that this element is not a color section, color sections will cause issues on pages with sidebars, you are better off using single full width columns.
You can use the shortcode wand to get the element shortcode or Enable the Avia Layout Builder Debugger.
Give this a try and if you have trouble include an admin login so we can assist.

Best regards,
Mike

Hi,

Thanks for that. Please try this in Quick CSS:

.avia-content-slider-inner .slide-image {
  display: none; 
}

For the rounded images, then it’s likely better that you add a class to the images in question. You can do so under Advanced->Developer Settings in the element options. Then add this to Quick CSS:

.your-custom-class img {
  border-radius: 30px;
}

Best regards,
Rikard

Hey AlfredoS,

You could try placing those elements in span tags for example. Or you could give the containing column a custom class name, then try CSS like this:

.your-class .avia-image-container {
    max-width: 0;
    display: inline !important;
}

Best regards,
Rikard

Hey laboiteapixels12,
Thank you for the login to your site, but it is not an admin login so I was limited.
I see that on your category pages you are displaying the category description and I assume that you would like this as the title in the banner image like the blog page is displayed.
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_category_banner() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
  $('#top.archive.category').each(function() {
  	var catTitle = $('.category-term-description p').text();
  	var catBanner = $('<div class="avia-section avia-full-stretch fullsize cat-banner"><div class="av-section-color-overlay-wrap"><div class="av-section-color-overlay"></div></div><h1>'+ catTitle +'</h1></div>');
  	$(catBanner).insertBefore('.container_wrap_first');
});
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'custom_category_banner');

Please copy the code from the forum and not from an email notification so the symbols are copied correctly.
Then add this css to your child theme stylesheet or the theme option Quick CSS:

.avia-section.cat-banner {
	height: 283px;
	color: #fff;
    background-color: #f7f4ef;
    background-image: url(https://jean-michel-cosson.fr/wp-content/uploads/2022/10/blog-articles-par-jean-michel-cosson-3.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-attachment: scroll;
}
.avia-section.cat-banner h1 {
  margin: 0;
  position: absolute;
  top: 36%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.avia-section.cat-banner .av-section-color-overlay {
    opacity: 0.4;
    background-color: #2b2b2b;
    height: 283px;
}
#top.archive.category .category-term-description {
	display: none;
}

This is the expected results:

Best regards,
Mike

Hi,
Thanks for the screenshot, the following script and css will remove the hover effect of the sidebar menu and open and close the submenu items on click below the menu item.
Add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_sidebar_menu_open_on_click_script() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
  $(".menu-item-has-children").click(function() {
  	var clicks = $(this).data('clicks');
  if (clicks) {
  	$(this).removeClass('open');
  } else {
    $(this).addClass('open');
  }
  $(this).data("clicks", !clicks);
  });
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'custom_sidebar_menu_open_on_click_script');

Add this CSS to Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#avia-menu.av-main-nav .menu-item-has-children:hover ul.sub-menu {
	opacity: 0 !important;
    visibility: hidden !important;
}
#avia-menu.av-main-nav ul.sub-menu {
    top: unset;
    left: unset;
    position: relative;
}
#avia-menu.av-main-nav .menu-item-has-children ul.sub-menu li {
	display: none;
}
#avia-menu.av-main-nav .menu-item-has-children.open ul.sub-menu li {
	display: block;
}
#avia-menu.av-main-nav .menu-item-has-children.open ul.sub-menu {
	opacity: 1 !important;
    visibility: visible !important;
}
#avia-menu.av-main-nav .menu-item-has-children.open ul.sub-menu li:last-child {
    padding-bottom: 25px;
}

After applying the css, please clear your browser cache and check.
The expected results:

Please ensure to copy the code from the forum and not an email notification.

Best regards,
Mike

Hey Tilman,
First ensure that you have enabled the custom class option for menu items in the Screen Options
Then wrap the second word in your menu item with a span and the custom class line-break like this:

Allgemeinmedizin /<span class="line-break">Naturheilkunde</span>

and add the custom class line-break-item to the menu item:

Then add this CSS to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#avia-menu .line-break-item a {
	line-height: 40px;
	transform: translateY(18%);
}
.line-break-item .line-break {
    display: block;
	line-height: 0px;
}

Now the menu item will be two lines and centered:

I was testing with the default settings for the 2017 Demo, since your settings may be a little different you can adjust the CSS to place the menu text where you wish, if you have trouble link to your page with an admin login so we can assist.

Best regards,
Mike

Hi,
It is a page created with the Advanced Layout Builder, so you can edit it.
Our documentation explains that a Coming soon page or a Maintenance mode page both use the maintenance mode option and you just choose any page you wish to use.
The demo that you linked to is just a single page with a color section that has a background image, some text, an Animated Countdown element and a contact form:

If you already have a demo imported I would not recommend importing a second demo as it will change your settings, if this is your first and only import for your root domain then go ahead.
Please note in this demo the background image for the color section will need to be set, and the Animated Countdown will not show until you set the future date and time, by default it is a past date. So when you first look at it, it will just be a white screen because the text is white, but once you set the background image you will see the text.
Another option is to Enable the Avia Layout Builder Debugger that will add a box under the Advanced Layout Builder to enter or copy the page shortcode, you can add this shortcode:

[av_section min_height='100' min_height_pc='25' min_height_px='500px' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' padding='large' custom_margin='0px' custom_margin_sync='true' av-desktop-custom_margin='' av-desktop-custom_margin_sync='true' av-medium-custom_margin='' av-medium-custom_margin_sync='true' av-small-custom_margin='' av-small-custom_margin_sync='true' av-mini-custom_margin='' av-mini-custom_margin_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' color='main_color' background='bg_color' custom_bg='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://savvyify.com/enfold/coming-soon/wp-content/uploads/sites/8/2014/09/people_town_dark.jpg' attachment='23' attachment_size='full' attach='fixed' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' custom_arrow_bg='' css_position_z_index='' av-desktop-css_position_z_index='' av-medium-css_position_z_index='' av-small-css_position_z_index='' av-mini-css_position_z_index='' id='' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-a1x9c' sc_version='1.0']

[av_one_fourth first av_uid='av-9gjw4']

[/av_one_fourth][av_one_half av_uid='av-8vhv8']

[av_image src='https://kriesi.at/themes/enfold-coming-soon/files/2014/09/logo_coming_soon-80x80.png' attachment='16' attachment_size='thumbnail' align='center' animation='pop-up' link='' target='' styling='no-styling' caption='' font_size='' appearance='' av_uid='av-83py0'][/av_image]

[av_heading tag='h1' padding='10' heading='<strong>Coming Soon</strong><br/>to a place near you!' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='44' subheading_active='subheading_below' subheading_size='15' custom_class='' av_uid='av-7hhy0']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.sellus dolor. Maecenas vestibulum mollis
[/av_heading]

[/av_one_half][av_one_fourth av_uid='av-6xyuw']

[/av_one_fourth][av_hr class='invisible' height='100' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-6dkag']

[av_countdown date='10/02/2023' hour='12' minute='0' timezone='UTC' min='1' max='5' margin='' margin_sync='true' padding='' padding_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-margin='' av-small-margin_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-margin='' av-mini-margin_sync='true' av-mini-padding='' av-mini-padding_sync='true' align='av-align-center' size='' av-desktop-font-size-title='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' size-text='' av-desktop-font-size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' style='av-trans-light-style' color_numbers='' color_timeunit='' alb_description='' id='' custom_class='' template_class='' av_uid='av-5u01o' sc_version='1.0' admin_preview_bg='']

[av_hr class='invisible' height='100' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-5bvnk']

[av_one_fourth first av_uid='av-49xao']

[/av_one_fourth][av_one_half av_uid='av-3nz68']

[av_contact email='' title='' button='Notify me on Launch' on_send='' sent='Thank you!' link='manually,http://' subject='' autorespond='' captcha='' color='av-custom-form-color av-light-form' av_uid='av-331gw']
[av_contact_field label='Name' type='text' options='' check='is_empty' width='element_third' av_uid='av-2su9g'][/av_contact_field]
[av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_third' av_uid='av-25qmk'][/av_contact_field]
[/av_contact]

[av_textblock size='21' font_color='custom' color='#ffffff' av_uid='av-1r2uk']
<p style="text-align: center;">Want to get notified once we are ready to launch? Leave us your mail address and we will!</p>
[/av_textblock]

[/av_one_half][av_one_fourth av_uid='av-102pc']

[/av_one_fourth][/av_section]

but you will still need to set the image.

Best regards,
Mike

Hey engage24,
I achieved this by adding 5 color sections each with a custom class of: white, blue, red, yellow, and purple and each with a height of 100% with a special heading for reference:

then I added this css:

.turn-white {    
background-color: #fafaf8;
} 
.turn-blue {    
background-color: #3860be;
}   
.turn-red {    
background-color: #c7102a;
transition: background-color .5s ease;
}    
.turn-yellow {    
background-color: #ffa100;
}    
.turn-purple {    
background-color: #2b1378;
}

and added this script to the end of your child theme functions.php file in Appearance ▸ Editor:

function waypoint_change_background_color_scroll() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
  (function($){
    var $sections = $('.avia-section');
    var $white = $(".white");
    var $blue = $(".blue");
    var $red = $(".red");
    var $yellow = $(".yellow");
    var $purple = $(".purple");
    

    $white.waypoint(function(direction) {
      if (direction === 'down') {
         $sections.addClass('turn-white');
         $sections.removeClass('turn-purple');
      }
      if (direction === 'up') {
      	$sections.removeClass('turn-white');
      	$sections.addClass('turn-purple');
      }
    }, {
      offset: '50%'
    });
    $blue.waypoint(function(direction) {
      if (direction === 'down') {
         $sections.addClass('turn-blue');
         $sections.removeClass('turn-white');
      }
      if (direction === 'up') {
      	$sections.removeClass('turn-blue');
      	$sections.addClass('turn-white');
      }
    }, {
      offset: '50%'
    });
    $red.waypoint(function(direction) {
      if (direction === 'down') {
         $sections.addClass('turn-red');
         $sections.removeClass('turn-blue');
      }
      if (direction === 'up') {
      	$sections.removeClass('turn-red');
      	$sections.addClass('turn-blue');
      }
    }, {
      offset: '50%'
    });
    
    $yellow.waypoint(function(direction) {
      if (direction === 'down') {
         $sections.addClass('turn-yellow');
         $sections.removeClass('turn-red');
      }
      if (direction === 'up') {
      	$sections.removeClass('turn-yellow');
      	$sections.addClass('turn-red');
      }
    }, {
      offset: '50%'
    });
    
    $purple.waypoint(function(direction) {
      if (direction === 'down') {
         $sections.addClass('turn-purple');
         $sections.removeClass('turn-yellow');
      }
      if (direction === 'up') {
      	$sections.removeClass('turn-purple');
      	$sections.addClass('turn-yellow');
      }
    }, {
      offset: '50%'
    });
 
  })(jQuery);
});
 </script>
  <?php
}
add_action('wp_footer', 'waypoint_change_background_color_scroll');

See my demo page here.

Best regards,
Mike

Hi,
In your form you have the labels hidden with the Hide Form Labels option in the style tab, thus the fields use a placeholder to label the fields:

the placeholder option for the multi select section is to add “disabled” so the option is not selectable as in my solution above:

this keeps the form consist with no labels above the fields.
In your shortcode you have added a text field to act as a label above the multi select section:

I didn’t realize that you wanted a label above this only section, so I recommend removing your text section and adding the text to the Form Element Label:

and adding this css:

.avia_ajax_form.av-form-labels-hidden label[for="avia_3_1"] {
	position: unset;
}
.avia_ajax_form.av-form-labels-hidden #avia_3_1 option:first-child {
	display:none;
}

which will show the label for this one field:

I added a link to a new test page below, this is the updated shortcode from your last post:

[av_contact title='' button='Senden' on_send='' sent='Ihre Nachricht wurde versendet!' link='manually,http://' captcha='active' captcha_theme='light' captcha_size='normal' captcha_score='0.5' email='info@.......de' from_email='' subject='' autoresponder_email='info@......de' autoresponder_reply_to='' autoresponder_subject='' autorespond='' autorespond_after='' hide_labels='aviaTBhide_labels' form_align='' color='' heading_tag='' heading_class='' alb_description='' id='' custom_class='kursformular' template_class='' aria_label='' av_uid='av-l59y6d3l-6' sc_version='1.0' admin_preview_bg='']
[av_contact_field label='Name' type='text' check='is_empty' options='' multi_select='' av_contact_preselect='' element_display='' width='' headline_tag='h3' av_uid='av-19lvsfd-5' sc_version='1.0'][/av_contact_field]
[av_contact_field label='E-Mail' type='text' check='is_email' options='' multi_select='' av_contact_preselect='' element_display='' width='' headline_tag='h3' av_uid='av-35sn6x-4' sc_version='1.0'][/av_contact_field]
[av_contact_field type='select' label='Für welchen Kurs möchten Sie anfragen?' options='Ohne Geige geht es nicht,Streichen lernen / 22.10.2022' multi_select='aviaTBaviaTBmulti_select' check='' element_display='' width='' headline_tag='h3' av_uid='av-l5e3okhn-3' sc_version='1.0'][/av_contact_field]
[av_contact_field type='text' label='Anzahl der Personen?' options='' check='is_number' element_display='' width='' headline_tag='h3' av_uid='av-l59y48df-2' sc_version='1.0' multi_select='' av_contact_preselect=''][/av_contact_field]
[av_contact_field type='textarea' label='Anmerkung' options='' check='' element_display='' width='' headline_tag='h3' av_uid='av-l59y4xcu-1' sc_version='1.0' multi_select='' av_contact_preselect=''][/av_contact_field]
[/av_contact]

As for your question about the text: “Bitte löse die Gleichung. Diese Maßnahme dient der Abwehr von Spam” (my English translation is: Please solve the equation. This measure serves to protect against spam)
I only see the text: Please prove that you are human by solving the equation *
I’m not sure if it is the same text and your is German, or if your text is added somewhere else, but when the Hide Form Labels option in the style tab is used no text is shown:

if labels are shown it is like this:

if you are seeing something different the check your customizations or Enfold Theme Options ▸ Privacy and Cookies ▸ Append a privacy policy message to template builder contact forms?

Best regards,
Mike

Hi,
Thanks for the feedback, and the example to /portfolios/gallery/ the space you are seeing from the masonry gallery below the header is because the color section is vertically centering the element, please note in this screenshot the green space is padding, but the masonry element is centered:

So while on a low content page this would be desired, centering the content, if you would rather have the extra white space below the content please try this css:

#av_section_1.avia-section.av-minimum-height.av-minimum-height-100 .container .content {
    vertical-align: top;
}

After applying the css, please clear your browser cache and check.

Please note that typically we would recommend adding a custom class to your color section so this would only affect the certain color sections that you wish, but in this case I believe that I have successfully targeted these low content page color sections in the css rule with the ID #av_section_1 which would only occur on the first section, and with the added class .av-minimum-height-100, which means it must be a color section with a minimum height of 100%
But please test and check your other pages for any conflicts and link to any you find so we can adjust.

Best regards,
Mike

Hi,
To import the section into your current demo you will need to first add the Law Demo icons to your site at Enfold Theme Options ▸ Import/Export ▸ Iconfont Manager Please find the link below.
Then you will need to Enable the Avia Layout Builder Debugger and this section of code:

[av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='' color='main_color' background='bg_color' custom_bg='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' av_uid='av-qet8u-36']

[av_one_third first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='' custom_margin='aviaTBcustom_margin' margin='0px' margin_sync='true' link='' linktarget='' link_hover='opacity80' padding='40px' padding_sync='true' border='' border_color='#f2f2f2' radius='3px' radius_sync='true' background='bg_color' background_color='#072f4c' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='left-to-right' mobile_breaking='' mobile_display='' av_uid='av-9wkhy-38']

[av_font_icon icon='uf100' font='flaticon' style='' caption='' size='70px' position='center' color='#ffffff' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-jgf8v45f' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)'][/av_font_icon]

[av_heading tag='h2' padding='10' heading='Insurance Litigation' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' margin='25,,,' av_uid='av-43pza'][/av_heading]

[av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jgds8wgh-37' admin_preview_bg='rgb(34, 34, 34)']
<p style="text-align: center;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula dolor.</p>
[/av_textblock]

[av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-jgf4q5kq-32' admin_preview_bg='']

[av_button label='Learn more' icon_select='yes-right-icon' icon='ue879' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='page,3240' link_target='' size='large' position='center' label_display='' title_attr='' size-text='' av-desktop-font-size-text='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' margin='' margin_sync='true' padding='' padding_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-margin='' av-small-margin_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-margin='' av-mini-margin_sync='true' av-mini-padding='' av-mini-padding_sync='true' color_options='' color='custom' custom_bg='#ffffff' custom_font='#0a0a0a' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='100' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-jgf4ovnq-34' sc_version='1.0' admin_preview_bg='']

[/av_one_third][av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' custom_margin='aviaTBcustom_margin' margin='0px,70px' link='' linktarget='' link_hover='opacity80' padding='40px' padding_sync='true' border='' border_color='#f2f2f2' radius='3px' radius_sync='true' background='bg_gradient' background_color='#094978' background_gradient_color1='#094978' background_gradient_color2='#105e96' background_gradient_direction='diagonal_bt' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='left-to-right' mobile_breaking='' mobile_display='' av_uid='av-9wkhy-31']

[av_font_icon icon='uf106' font='flaticon' style='' caption='' size='70px' position='center' color='#ffffff' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-jgf8v45f-30' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)'][/av_font_icon]

[av_heading tag='h2' padding='10' heading='Real Property Litigation' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' margin='25,,,' av_uid='av-wnv3i'][/av_heading]

[av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jgds8wgh-29' admin_preview_bg='rgb(255, 255, 255)']
<p style="text-align: center;">Donec quam felis, ultricies nec eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
[/av_textblock]

[av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-jgf4q5kq-28' admin_preview_bg='']

[av_button label='Learn more' icon_select='yes-right-icon' icon='ue879' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='page,3240' link_target='' size='large' position='center' label_display='' title_attr='' size-text='' av-desktop-font-size-text='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' margin='' margin_sync='true' padding='' padding_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-margin='' av-small-margin_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-margin='' av-mini-margin_sync='true' av-mini-padding='' av-mini-padding_sync='true' color_options='' color='custom' custom_bg='#ffffff' custom_font='#000000' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='100' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-jgf4ovnq-27' sc_version='1.0' admin_preview_bg='']

[/av_one_third][av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' custom_margin='aviaTBcustom_margin' margin='0px,70px' link='' linktarget='' link_hover='opacity80' padding='40px' padding_sync='true' border='' border_color='#f2f2f2' radius='3px' radius_sync='true' background='bg_color' background_color='#072f4c' background_gradient_color1='#072f4c' background_gradient_color2='#0c4771' background_gradient_direction='diagonal_bt' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='left-to-right' mobile_breaking='' mobile_display='' av_uid='av-9wkhy-26']

[av_font_icon icon='uf10b' font='flaticon' style='' caption='' size='70px' position='center' color='#ffffff' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-jgf8v45f-25' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)'][/av_font_icon]

[av_heading tag='h2' padding='10' heading='Construction Litigation' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' margin='25,,,' av_uid='av-ol2qe'][/av_heading]

[av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jgds8wgh-24' admin_preview_bg='rgb(255, 255, 255)']
<p style="text-align: center;">In enim justo ut, imperdiet a, venenatis vitae, justo. Donec pede justo, fringilla vel eget, arcu.</p>
[/av_textblock]

[av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-jgf4q5kq-23' admin_preview_bg='']

[av_button label='Learn more' icon_select='yes-right-icon' icon='ue879' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='page,3240' link_target='' size='large' position='center' label_display='' title_attr='' size-text='' av-desktop-font-size-text='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' margin='' margin_sync='true' padding='' padding_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-margin='' av-small-margin_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-margin='' av-mini-margin_sync='true' av-mini-padding='' av-mini-padding_sync='true' color_options='' color='custom' custom_bg='#ffffff' custom_font='#000000' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='100' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-jgf4ovnq-22' sc_version='1.0' admin_preview_bg='']

[/av_one_third][av_one_third first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='' custom_margin='aviaTBcustom_margin' margin='6%,0' link='' linktarget='' link_hover='opacity80' padding='40px' padding_sync='true' border='' border_color='#f2f2f2' radius='3px' radius_sync='true' background='bg_gradient' background_color='#094978' background_gradient_color1='#094978' background_gradient_color2='#105e96' background_gradient_direction='diagonal_bt' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='left-to-right' mobile_breaking='' mobile_display='' av_uid='av-9wkhy-21']

[av_font_icon icon='uf120' font='flaticon' style='' caption='' size='70px' position='center' color='#ffffff' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-jgf8v45f-20' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)'][/av_font_icon]

[av_heading tag='h2' padding='10' heading='Traffic offense' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' margin='25,,,' av_uid='av-1vsny'][/av_heading]

[av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jgds8wgh-19' admin_preview_bg='rgb(255, 255, 255)']
<p style="text-align: center;">Donec quam felis, ultricies nec eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
[/av_textblock]

[av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-jgf4q5kq-18' admin_preview_bg='']

[av_button label='Learn more' icon_select='yes-right-icon' icon='ue879' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='page,3240' link_target='' size='large' position='center' label_display='' title_attr='' size-text='' av-desktop-font-size-text='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' margin='' margin_sync='true' padding='' padding_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-margin='' av-small-margin_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-margin='' av-mini-margin_sync='true' av-mini-padding='' av-mini-padding_sync='true' color_options='' color='custom' custom_bg='#ffffff' custom_font='#000000' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='100' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-jgf4ovnq-17' sc_version='1.0' admin_preview_bg='']

[/av_one_third][av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' custom_margin='aviaTBcustom_margin' margin='0px,70px' link='' linktarget='' link_hover='opacity80' padding='40px' padding_sync='true' border='' border_color='#f2f2f2' radius='3px' radius_sync='true' background='bg_color' background_color='#072f4c' background_gradient_color1='#072f4c' background_gradient_color2='#0c4771' background_gradient_direction='diagonal_bt' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='left-to-right' mobile_breaking='' mobile_display='' av_uid='av-9wkhy-16']

[av_font_icon icon='uf119' font='flaticon' style='' caption='' size='70px' position='center' color='#ffffff' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-jgf8v45f-15' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)'][/av_font_icon]

[av_heading tag='h2' padding='10' heading='Citation' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' margin='25,,,' av_uid='av-hcmym'][/av_heading]

[av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jgds8wgh-14' admin_preview_bg='rgb(255, 255, 255)']
<p style="text-align: center;">In enim justo ut, imperdiet a, venenatis vitae, justo. Donec pede justo, fringilla vel eget, arcu.</p>
[/av_textblock]

[av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-jgf4q5kq-13' admin_preview_bg='']

[av_button label='Learn more' icon_select='yes-right-icon' icon='ue879' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='page,3240' link_target='' size='large' position='center' label_display='' title_attr='' size-text='' av-desktop-font-size-text='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' margin='' margin_sync='true' padding='' padding_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-margin='' av-small-margin_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-margin='' av-mini-margin_sync='true' av-mini-padding='' av-mini-padding_sync='true' color_options='' color='custom' custom_bg='#ffffff' custom_font='#000000' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='100' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-jgf4ovnq-12' sc_version='1.0' admin_preview_bg='']

[/av_one_third][av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' custom_margin='aviaTBcustom_margin' margin='0px,70px' link='' linktarget='' link_hover='opacity80' padding='40px' padding_sync='true' border='' border_color='#f2f2f2' radius='3px' radius_sync='true' background='bg_gradient' background_color='#094978' background_gradient_color1='#094978' background_gradient_color2='#105e96' background_gradient_direction='diagonal_bt' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='left-to-right' mobile_breaking='' mobile_display='' av_uid='av-9wkhy-11']

[av_font_icon icon='uf114' font='flaticon' style='' caption='' size='70px' position='center' color='#ffffff' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-jgf8v45f-10' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)'][/av_font_icon]

[av_heading tag='h2' padding='10' heading='Jury Selection' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' margin='25,,,' av_uid='av-13pv2'][/av_heading]

[av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jgds8wgh-9' admin_preview_bg='rgb(255, 255, 255)']
<p style="text-align: center;">Donec quam felis, ultricies nec eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
[/av_textblock]

[av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-jgf4q5kq-8' admin_preview_bg='']

[av_button label='Learn more' icon_select='yes-right-icon' icon='ue879' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='page,3240' link_target='' size='large' position='center' label_display='' title_attr='' size-text='' av-desktop-font-size-text='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' margin='' margin_sync='true' padding='' padding_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-margin='' av-small-margin_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-margin='' av-mini-margin_sync='true' av-mini-padding='' av-mini-padding_sync='true' color_options='' color='custom' custom_bg='#ffffff' custom_font='#000000' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='100' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-jgf4ovnq-7' sc_version='1.0' admin_preview_bg='']

[/av_one_third][/av_section]

Please note that you may need to reslect the icons.
The expected results:

Please give this a try.

Best regards,
Mike

Hi,

Thank you for the info.

The css code below should adjust the position of the dots on smaller screens.

@media only screen and (max-width: 768px) {
    .avia-image-container.av-67cea-136ddc8b145abc744c886b5819885f00, .avia-image-container.av-4hwii-ef140ae0612800d65a56956f82b14b3f, .avia-image-container.av-2ofye-558b2f838626b4d4afd94927f17a28e6{
        position: relative;
        top: -75px;
        left: -40px;
    }
}

We are using the unique class name of the image elements in the css rule above, but the class names can be replaced with custom ones if necessary. Please check this documentation.

// https://kriesi.at/documentation/enfold/add-custom-css/

Best regards,
Ismael`