the json method is used by google maps api long time ( in the meantime there is a cloud console for that) . https://mapstyle.withgoogle.com/ – they use a very similar json code like your “snazzy” one for styling.

is it possible to adapt that for the native google json?

Edit: it works with the google json aswell. In this case i do not name it snazzy.

But you had to edit a bit that output code of google json !

Changes in avia_google_maps_api.js are the same – and because it is set by a ternary operator there is nothing to stop it being included for the next release – right?

f.e.:

add_filter( 'avf_gmap_vars', function($maps) {
$googleStyles = 

// here is the place to insert the edited google styling json
// all curly brackets had to be changed to square brackets - and the ":"     had to be replaced by: "=>"

[
  [
    "elementType"=> "geometry",
    "stylers"=> [
      [
        "color"=> "#ebe3cd"
      ]
    ]
  ],
  [
    "elementType"=> "labels.text.fill",
    "stylers"=> [
      [
        "color"=> "#523735"
      ]
    ]
  ],
  [
    "elementType"=> "labels.text.stroke",
    "stylers"=> [
      [
        "color"=> "#f5f1e6"
      ]
    ]
  ],
  [
    "featureType"=> "administrative",
    "elementType"=> "geometry.stroke",
    "stylers"=> [
      [
        "color"=> "#c9b2a6"
      ]
    ]
  ],
  [
    "featureType"=> "administrative.land_parcel",
    "elementType"=> "geometry.stroke",
    "stylers"=> [
      [
        "color"=> "#dcd2be"
      ]
    ]
  ],
  [
    "featureType"=> "administrative.land_parcel",
    "elementType"=> "labels.text.fill",
    "stylers"=> [
      [
        "color"=> "#ae9e90"
      ]
    ]
  ],
  [
    "featureType"=> "landscape.natural",
    "elementType"=> "geometry",
    "stylers"=> [
      [
        "color"=> "#dfd2ae"
      ]
    ]
  ],
  [
    "featureType"=> "poi",
    "elementType"=> "geometry",
    "stylers"=> [
      [
        "color"=> "#dfd2ae"
      ]
    ]
  ],
  [
    "featureType"=> "poi",
    "elementType"=> "labels.text.fill",
    "stylers"=> [
      [
        "color"=> "#93817c"
      ]
    ]
  ],
  [
    "featureType"=> "poi.park",
    "elementType"=> "geometry.fill",
    "stylers"=> [
      [
        "color"=> "#a5b076"
      ]
    ]
  ],
  [
    "featureType"=> "poi.park",
    "elementType"=> "labels.text.fill",
    "stylers"=> [
      [
        "color"=> "#447530"
      ]
    ]
  ],
  [
    "featureType"=> "road",
    "elementType"=> "geometry",
    "stylers"=> [
      [
        "color"=> "#f5f1e6"
      ]
    ]
  ],
  [
    "featureType"=> "road.arterial",
    "elementType"=> "geometry",
    "stylers"=> [
      [
        "color"=> "#fdfcf8"
      ]
    ]
  ],
  [
    "featureType"=> "road.highway",
    "elementType"=> "geometry",
    "stylers"=> [
      [
        "color"=> "#f8c967"
      ]
    ]
  ],
  [
    "featureType"=> "road.highway",
    "elementType"=> "geometry.stroke",
    "stylers"=> [
      [
        "color"=> "#e9bc62"
      ]
    ]
  ],
  [
    "featureType"=> "road.highway.controlled_access",
    "elementType"=> "geometry",
    "stylers"=> [
      [
        "color"=> "#e98d58"
      ]
    ]
  ],
  [
    "featureType"=> "road.highway.controlled_access",
    "elementType"=> "geometry.stroke",
    "stylers"=> [
      [
        "color"=> "#db8555"
      ]
    ]
  ],
  [
    "featureType"=> "road.local",
    "elementType"=> "labels.text.fill",
    "stylers"=> [
      [
        "color"=> "#806b63"
      ]
    ]
  ],
  [
    "featureType"=> "transit.line",
    "elementType"=> "geometry",
    "stylers"=> [
      [
        "color"=> "#dfd2ae"
      ]
    ]
  ],
  [
    "featureType"=> "transit.line",
    "elementType"=> "labels.text.fill",
    "stylers"=> [
      [
        "color"=> "#8f7d77"
      ]
    ]
  ],
  [
    "featureType"=> "transit.line",
    "elementType"=> "labels.text.stroke",
    "stylers"=> [
      [
        "color"=> "#ebe3cd"
      ]
    ]
  ],
  [
    "featureType"=> "transit.station",
    "elementType"=> "geometry",
    "stylers"=> [
      [
        "color"=> "#dfd2ae"
      ]
    ]
  ],
  [
    "featureType"=> "water",
    "elementType"=> "geometry.fill",
    "stylers"=> [
      [
        "color"=> "#3300ff"
      ],
      [
        "lightness"=> 40
      ]
    ]
  ],
  [
    "featureType"=> "water",
    "elementType"=> "labels.text.fill",
    "stylers"=> [
      [
        "color"=> "#ffffff"
      ]
    ]
  ]
]
// end of insertion

;
    $maps['av_google_map']['av_gmap_0']['styles'] = json_encode($googleStyles);
    return $maps;
});

• This reply was modified 1 year, 2 months ago by Guenni007.
• This reply was modified 1 year, 2 months ago by Guenni007.

Kannst du bitte den korrekten link angeben – nur die ID reicht nicht aus um das Teil schnell zu finden.

I just wanted to mention that this has happened to me before. You press trash/bin and think the page has been deleted. But the permalink remains blocked until the trash is emptied.

the “marin-real-estate-blog” exists?
If you have that page deleted – but not emptied the trash (bin) – the permalink is blocked – and a newly added page with the same name will get the permalink with an index.

on your setting now try this in quick css:

.phone-info div > span {
  display: inline-block;
  float: none;
}

but such a code is hard to edit so i wouldn’t work with enfold-shortcodes here – but pur html will work too.
f.e in phone-number input field

<a href="link1"><span class="map">Location</span></a><a href="link2"><span class="contact">Contact</span></a><a href="tel:+490221123456"><span class="tel">Phone</span></a>

see here on header meta: https://webers-testseite.de/text/

after that the classes will do their job in quick css:

.responsive #header_meta .phone-info span {
    color: #aaa;
    margin-right: 15px;
    font-size:16px
}

.phone-info span::before {
    font-family: entypo-fontello;
    font-size: 24px;
    padding-right: 5px;
    position: relative;
    top: 2px;
}

.phone-info .map::before { content: "\e842"; color: #900}
.phone-info .contact::before { content: "\e805"; color: #090}
.phone-info .tel::before { content: "\e854"; color: #009}
.phone-info .mail::before { content: "\e805"; color: #090}

can you link to a page where the icons are shown, so we can have a look to the head section how the icons are linked.
Next iPhone – what kind of device you are using and what iOS is running? – And you are talking about Safari on iOS?

have a look at your enfold settings concering “performance”
do you use f.e. the option: Responsive Images ?
A slider set up for desktop can have images wider than 1500px – if you do not use the responsive image option these sliders will have on small screens the same image source.

you had to adjust to the color you like:

#top .read-more-link .more-link {
  text-transform: uppercase;
  text-decoration: underline;
  color: #a6c626;
}

Wenn du trotzdem alle ( auch die manuell gesetzten Einstellungen) überschreiben willst, könntest du in das Quick CSS folgendes setzen:
___
If you still want to overwrite all settings (including the manually set ones), you could set the following in the Quick CSS:

#top #wrap_all #main .container_wrap  {
  border-top-width: 0px;
}

if you set up a rule on “Advanced Styling” for example for a h1 – the rule is noted as:

#top #wrap_all .all_colors h1 {
  font-family: 'brush script mt',Helvetica,Arial,sans-serif;
}

the selector got 2 IDs – so it has a high specifity (https://www.w3schools.com/css/css_specificity.asp)
and see how the specifity counts: https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

But if there is another rule f.e. in quick css that got a higher specifity – or is set to !important – “Advanced styling rule” is ignored.
f.e. as: #top #wrap_all #main .all_colors h1
For this reason, I add rules to my Quick CSS with at least one ID (#top) that should “win”.
I try to avoid using !important.

by the way you can upload ttf files to : https://transfonter.org/

test this zip file f.e. – erase all your uploaded Montserrat zip files.
https://webers-testseite.de/Montserrat.zip

sorry one error there is an extra attr for Logo ID: header_replacement_logo_id

so snippet has to be :

function av_change_alt_logo_img($header){
    if(is_page(1313)) {
	$header['header_class'] .= ' av_alternate_logo_active';  
        $header['header_replacement_logo_id'] = 3951;
    }
    return $header; 
}
add_filter('avf_header_setting_filter','av_change_alt_logo_img');

From my point of view the topic can be closed now – thanks again.

or maybe this is nicer to handle:
just change now the wanted value on root setting ;)

:root {
  --blog-margin-left-value : 2%;
}

#top .slide-entry.av_one_third.first {
  margin-left: 0px ;
}

#top .slide-entry.av_one_third {
  margin-left: var(--blog-margin-left-value);
  width: calc((100% - 2 * var(--blog-margin-left-value)) / 3);
}

PS: if you like to have no space use 0px ( not only Zero)
if you like to be more specific – use a custom class on blog posts element

:root {
  --blog-margin-left-value : 5%;
}

#top .avia-content-slider.custom-class .slide-entry.first {
  margin-left: 0px ;
}

#top .avia-content-slider.custom-class .slide-entry.av_one_third {
  margin-left: var(--blog-margin-left-value);
  width: calc((100% - 2 * var(--blog-margin-left-value)) / 3);
}

this is very unusual for a wordpress media library. Because upload got a default big image limitation to 2540px.
Have you turned of the limitation by:
add_filter( 'big_image_size_threshold', '__return_false' );

but you are right even with the scaled image of 2540px – it will be too big.