these are the entypo-fontello icons Enfold uses. Is there an icon that fits your needs?
https://webers-testseite.de/enfold-entypo/

and another question – did you adjust the code above to your needs ( did you change the page-id ?
is the class the same as on my end ?

Wenn es möglich ist, wie willst du entscheiden ob Mann oder Frau. Sprich wie soll die Anrede sein?
Oder fillst du eine Selectbox setzen für Herr/Frau/Prof./Dr. etc pp. ? – ist ne nette Idee, aber wie gesagt – wie willst du das nur zB mit dem Namen entscheiden.

übrigens – wenn du die Vollauflösung in der lightbox anzeigen willst – setze das hier in die child-theme functions.php:

Masonry Lightbox Bilder Größe

function avia_change_masonry_thumbnail_link($size) {
  return "full";
}
add_filter('avf_avia_builder_masonry_lightbox_img_size', 'avia_change_masonry_thumbnail_link', 10, 1);

und das für das Galerie Lightbox Size:

function avia_change_gallery_thumbnail_link($link, $attachment, $atts, $meta){
    $link = wp_get_attachment_image_src($attachment->ID, "full");
    return $link;
}
add_filter('avf_avia_builder_gallery_image_link', 'avia_change_gallery_thumbnail_link', 10, 4);

You can redefine an existing Format – but then you had to regenerate thumbnails ( there are plugins for that – force regenerate thumbnails ).
or you can add a custom format- for example create a new bigger-square format:

this comes to functions.php of your child-theme:

shorter form:

add_image_size( 'bigger_square', 344, 344, true );
add_filter( 'image_size_names_choose', 'my_custom_sizes' );
function my_custom_sizes( $sizes ) {
    return array_merge( $sizes, array(
        'bigger_square' => __('Bigger Square','avia_framework'),
    ) );
}

even here you had to regenerate Thumbnails.

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

well you had to wait til mods are here – i’m participant as you
on your site (not Enfold) this code above allready works too -but on enfold the overflow option is necessary.

we had to see the site.
on most cases (it is only to set the logo to overflow:visible and set the image size f.e.

.logo, #top .logo a {
    overflow: visible;
}

.logo img {
    height: 150% !important;
    max-height: 96px !important;   /*** Values depending on your header dimensions ***/
}

If you have a svg instead (inline svg) there had to be additional adjustment to make

Please have a look at your source code to see if you really get the full resolution of the Lightbox pictures.

To set the source for the thumbnails there is, as far as I know, no filter that would make our work easier.
But you can put a copy of the av-helper-masonry.php in the Child-Theme folder ( best in a subfolder: shortcodes ), and then edit this copy.

search for the function prepare_loop_from_entries
( on Enfold 4.6.2 it is line : 601) – you will find on 612 :

$img_size	 = 'masonry';
//change to :
 $img_size	 = 'full';

to load the edited ALB elements put this to child-theme functions.php

add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths){
  $template_url = get_stylesheet_directory();
      array_unshift($paths, $template_url.'/shortcodes/');
  return $paths;
}

refresh all cachings – merging – performance tools.
Look to your page.

if these are icons from ALB elements ( Iconbox, Iconlist etc. pp) you have the possiblity to define your custom colors on the extra Tab and choose
Icon Colors. and “define custom colors” set all colors to identical values.

On a standalone icon these settings are missing. But …
you can use Iconbox with big icon above – and no Title no Content !

https://webers-testseite.de/guenni/inline-buttons/

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

Well i think the one possibility to have on mobile only one and on desktop only one is possible.
But on resize the screenwidth it is hard to get back the removed slider.

see here an example page ( you have to look on a real device or on a good browser simulation – and reload the page )
(this is only for that example page 35708) : https://webers-testseite.de/full-width-slider-2/

function only_one_slider(){
if( is_page(35708) ) {	
?>
<script>
(function($){
        $('html.avia_mobile #fullscreen_slider_1').remove();
        $('html.avia_desktop #full_slider_1').remove();
})(jQuery);
</script>
<?php
}
}
add_action('wp_footer', 'only_one_slider');

you see that enfold got on html for the device an extra class: avia_mobile and avia_desktop

maybe we could start a reload of the page on resize when it is under a given screen-width value. Then we had to work with custom class f.e. on the sliders.
I check that ( but a debounce function should be included – because otherwise this would be a function high in performace)

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

this is a small script of 6kb – you can host it on your server ( on GDPR Reasonst might be better ) – then you can split those child-theme functions.php entry:

function darkmode_js_script() {
    wp_enqueue_script( 'Darkmode', get_stylesheet_directory_uri().'/js/darkmode.min.js', '1.4', true );
}
add_action( 'wp_enqueue_scripts', 'darkmode_js_script' );

function add_darkmode(){
?>
<script>	
	new Darkmode({ 
		bottom: '64px', // default: '32px'
		right: 'unset', // default: '32px'
		left: '32px', // default: 'unset'
		time: '0.5s', // default: '0.3s'
		mixColor: '#fff', // default: '#fff'
		backgroundColor: '#fff',  // default: '#fff'
		buttonColorDark: '#100f2c',  // default: '#100f2c'
		buttonColorLight: '#fff', // default: '#fff'
		saveInCookies: false, // default: true,
		label: '🌓', // default: ''
		autoMatchOsTheme: true // default: true
	}).showWidget();	
</script>
<?php
}
add_action('wp_footer', 'add_darkmode');

Well the rules are different to that what you post on top:
and one rule (.paddinghomenoleggiogommonititolo) is missing in your css.
These rules are in your code – and they do have effect on those p-tags.

.test-padding-testo-servizi-noleggio-gommoni {
    padding-left: 20px;
    padding-right: 20px;
}

.test-padding-testo-servizi-charter-di-pesca {
    padding-left: 20px;
    padding-right: 20px;
}

.test-padding-testo-servizi-charter-di-pesca {
    padding-left: 20px;
    padding-right: 20px;
}

.test-padding-testo-servizi-eventi-organizzati {
    padding-left: 20px;
    padding-right: 20px;
}

you can shorten this code to( and add the missing one) :

.paddinghomenoleggiogommonititolo,
.test-padding-testo-servizi-noleggio-gommoni,
.test-padding-testo-servizi-escursioni-guidate,
.test-padding-testo-servizi-charter-di-pesca,
.test-padding-testo-servizi-eventi-organizzati {
    padding: 0 20px !important;
}

by the way – the other headings have no such class (paddinghomenoleggiogommonititolo)

these two will do the job. The one is only to have instead of the 80px thumbnail a 180px square as image

Yes now you have to describe more precise what you like to reach.

aha – thats the reason why we ask for link to page. It’s hard to give advice only from a description.