-
Search Results
-
In reply to: Next/Previous Post within same Category
you are talking about this extra tooltip?
remove the title tag from the anchor by:
function remove_postnav_title_tags(){ ?> <script type="text/javascript"> (function($) { $(window).on('load', function(){ $('a.avia-post-nav').removeAttr('title'); }); })(jQuery); </script> <?php } add_action('wp_footer', 'remove_postnav_title_tags');In reply to: Disable tooltip on gallery
In reply to: Disable tooltip on gallery
Hi @guenni007 and @rikard, thanks for helping out. I’ve attached a screenshot below. I’m trying to disable the tooltip that hovers over the image in the gallery, especially on mobile, but would be ok just disabling it altogether.
In reply to: Disable tooltip on gallery
Are you talking about the tooltips displayed by the browser itself when hovering over the image?
They appear automatically if the image has a title attribute.
However, if you have a gallery that displays images in a lightbox, this title attribute is also displayed as text in the bottom bar of the lightbox. Completely removing the title tag would therefore be suboptimal. For galleries, you can switch to displaying the description or caption instead, but this is not possible for all Enfold elements.
So if it only affects the galleries on your site, you could do that, but you would then have to update the description of the images, for example.There is a snippet that, when placed in the child theme’s functions.php, temporarily removes this title tag on hover but adds it back when clicked:
function temporary_removal_title_tags(){ ?> <script> window.onload = function() { var elementsWithTitle = document.querySelectorAll('a, img, *[title]'); for (var i = 0; i < elementsWithTitle.length; i++) { var element = elementsWithTitle[i]; element.setAttribute("data-original-title", element.title); element.addEventListener("mouseenter", function() { this.title = ""; }); element.addEventListener("mouseleave", function() { this.title = this.getAttribute("data-original-title"); }); element.addEventListener("mousedown", function() { this.title = this.getAttribute("data-original-title"); }); } }; </script> <?php } add_action('wp_footer', 'temporary_removal_title_tags');here you see that this script is working for all anchor elements or images – or all elements that have a title-tag
Topic: Disable tooltip on gallery
In reply to: Image Title on Hover
Hi,
Try this in your child theme functions.php:function remove_tool_tip() { ?> <script> window.onload = function() { var links = document.querySelectorAll('a, img, *[title]'); for (var i = 0; i < links.length; i++) { var link = links[i]; link.onmouseover = function() { this.setAttribute("data-tooltip", this.title); this.title = ""; }; link.onmouseout = function() { this.title = this.getAttribute("data-tooltip"); }; link.onmousedown = function() { this.title = this.getAttribute("data-tooltip"); }; } }; </script> <?php } add_action( 'wp_footer', 'remove_tool_tip', 99 );Best regards,
MikeI have a custom shortcode:
<?php if ( ! defined( 'ABSPATH' ) ) { exit; } // Exit if accessed directly if ( ! class_exists( 'avia_sc_portfolio_kacheln' ) ) { class avia_sc_portfolio_kacheln extends aviaShortcodeTemplate { /** * Create the config array for the shortcode button */ function shortcode_insert_button() { $this->config['version'] = '1.0'; $this->config['self_closing'] = 'no'; $this->config['base_element'] = 'yes'; $this->config['name'] = 'Portfolio Kachel'; $this->config['tab'] = 'wuk Elements'; $this->config['icon'] = AviaBuilder::$path['imagesURL'] . 'sc-image.png'; $this->config['order'] = 1; $this->config['target'] = 'avia-target-insert'; $this->config['shortcode'] = 'av_portfoliokachel'; // $this->config['modal_data'] = array( 'modal_class' => 'mediumscreen' ); $this->config['tooltip'] = __( 'Inserts an image of your choice', 'avia_framework' ); $this->config['preview'] = 1; $this->config['disabling_allowed'] = true; $this->config['id_name'] = 'id'; $this->config['id_show'] = 'yes'; } function popup_elements() { $template_url = get_stylesheet_directory_uri(); $this->elements = array( array( 'type' => 'tab_container', 'nodescription' => true ), array( 'type' => 'tab', 'name' => __( 'Kachel', 'avia_framework' ), 'nodescription' => true ), array( 'type' => 'toggle_container', 'nodescription' => true ), array( "name" => __("Choose Image",'avia_framework' ), "desc" => __("Either upload a new, or choose an existing image from your media library",'avia_framework' ), "id" => "bild", "type" => "image", "title" => __("Insert Image",'avia_framework' ), "button" => __("Insert",'avia_framework' ), "std" => "", ), array( "name" => __("Title", 'avia_framework' ), "id" => "title", "std" => "", "type" => "input" ), array( "name" => __("Text", 'avia_framework' ), "id" => "text", "std" => "", "type" => "textarea" ), array( "name" => __("Button Text", 'avia_framework' ), "id" => "button_text", "std" => "", "type" => "input" ), array( 'name' => __( 'Image Link?', 'avia_framework' ), 'desc' => __( 'Where should your image link to?', 'avia_framework' ), 'id' => 'link', 'type' => 'linkpicker', 'fetchTMPL' => true, 'std' => '', 'lockable' => true, 'subtype' => array( __( 'No Link', 'avia_framework' ) => '', __( 'Lightbox', 'avia_framework' ) => 'lightbox', __( 'Set Manually', 'avia_framework' ) => 'manually', __( 'Single Entry', 'avia_framework' ) => 'single', __( 'Taxonomy Overview Page', 'avia_framework' ) => 'taxonomy', ) ), array( 'name' => __( 'Open new tab/window', 'avia_framework' ), 'desc' => __( 'Do you want to open the link url in a new tab/window?', 'avia_framework' ), 'id' => 'target', 'type' => 'select', 'std' => '', 'lockable' => true, 'required' => array( 'link', 'not_empty_and', 'lightbox' ), 'subtype' => AviaHtmlHelper::linking_options() ), array( 'type' => 'toggle_container_close', 'nodescription' => true ), array( 'type' => 'tab_close', 'nodescription' => true ), array( 'type' => 'tab', 'name' => __( 'Advanced', 'avia_framework' ), 'nodescription' => true ), array( 'type' => 'toggle_container', 'nodescription' => true ), array( 'type' => 'template', 'template_id' => 'screen_options_toggle', 'lockable' => true ), array( 'type' => 'template', 'template_id' => 'developer_options_toggle', 'args' => array( 'sc' => $this ) ), array( 'type' => 'toggle_container_close', 'nodescription' => true ), array( 'type' => 'tab_close', 'nodescription' => true ), array( 'type' => 'template', 'template_id' => 'element_template_selection_tab', 'args' => array( 'sc' => $this ) ), array( 'type' => 'tab_container_close', 'nodescription' => true ), array( 'id' => 'av_element_hidden_in_editor', 'type' => 'hidden', 'std' => '0' ) ); } /** * Editor Element - this function defines the visual appearance of an element on the AviaBuilder Canvas * Most common usage is to define some markup in the $params['innerHtml'] which is then inserted into the drag and drop container * Less often used: $params['data'] to add data attributes, $params['class'] to modify the className * * * @param array $params this array holds the default values for $content and $args. * @return $params the return array usually holds an innerHtml key that holds item specific markup. */ function editor_element( $params ) { extract( $params['args'] ); global $KACHELINDEX; $KACHELINDEX++; if (strstr($link,"manually,")) { $url = str_replace("manually,","",$link); } elseif (strstr($link,",")) { $tmp = explode(",",$link); $url = get_the_permalink($tmp[1]); } $out = '<div class="portfolio_kacheln sameheight"'.((empty($button_text) && !empty($link)) ? ' onclick="location.href='.$url.'"' : '').'> <div class="bg2">'.str_pad($KACHELINDEX, 2, "0", STR_PAD_LEFT).'</div> <div class="pic" style="">'. '<img src="'.$bild.'" />'. '<h3>'.$title.'</h3>'. '</div>'. (!empty($text) ? '<p>'.$text.'</p>' : ''). ((!empty($link) && !empty($button_text)) ? '<p class="action"><a href="'.$url.'" class="button">'.$button_text.'</a></p>' : ''). '</div>'; $params['innerHtml'] = $out; return $params; } /** * Frontend Shortcode Handler * * @param array $atts array of attributes * @param string $content text within enclosing form of shortcode element * @param string $shortcodename the shortcode found, when == callback name * @return string $output returns the modified html string */ function shortcode_handler( $atts, $content = '', $shortcodename = '', $meta = '' ) { extract( $atts ); global $KACHELINDEX; $KACHELINDEX++; if (strstr($link,"manually,")) { $url = str_replace("manually,","",$link); } elseif (strstr($link,",")) { $tmp = explode(",",$link); $url = get_the_permalink($tmp[1]); } $out = '<div class="portfolio_kacheln sameheight"'.((empty($button_text) && !empty($link)) ? ' onclick="'.($target == '' ? 'location.href='.$url.'"' : 'window.open(\''.$url.'\', \'_blank\');') : '').'> <div class="bg2">'.str_pad($KACHELINDEX, 2, "0", STR_PAD_LEFT).'</div> <div class="pic" style="">'. '<img src="'.$bild.'" />'. '<h3>'.$title.'</h3>'. '</div>'. (!empty($text) ? '<p>'.$text.'</p>' : ''). ((!empty($link) && !empty($button_text)) ? '<p class="action"><a'.($target != '' ? ' target="'.$target.'"' : '').' href="'.$url.'" class="button">'.$button_text.'</a></p>' : ''). '</div>'; return $out; } } }taht generates a shortcode like:
[av_portfoliokachel bild='https://xexadeti.cyon.site/wp-content/uploads/2025/08/sta-schweisstechnische-ausbildung-mag-schweissen.jpg' attachment='277' attachment_size='full' title='MAG' text='(135 - Metall-Aktivgas-Schweissen) Unverändert: [av_portfoliokachel bild='https://xexadeti.cyon.site/wp-content/uploads/2025/08/sta-schweisstechnische-ausbildung-mag-schweissen.jpg' attachment='277' attachment_size='full' title='MAG' text='(135 - Metall-Aktivgas-Schweissen) Gelöscht: MAG – das Arbeitstier unter den Schweissverfahren! Wir zeigen dir, wie’s richtig geht!' button_text='Infos zu MAG' link='portfolio_entries,5' target='' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-mebf8h83' sc_version='1.0' admin_preview_bg=''][/av_portfoliokachel]everything working fine, except oine thing, the ‘ Character.
array( "name" => __("Text", 'avia_framework' ), "id" => "text", "std" => "", "type" => "textarea" ),If I enter a ‘ char in this “Text” field, it doesnt get escaped as it should
as example: text=’test’s’ will be the endresult and not text=’test\’s’. Is there a hook or filter where I can “correctly apply escaping to a field?Strangly, I did setup the page and that did work. I did update to latest enfold version and now, that is not working anymore. Is that a new bug that the encoding is not correctly working?
It dows work, when changing the field name from “text” to “content”. But what, if I want more than 1 “content” field?
Normal textarea should equallless its name escaped correctly in enfold…Thanks for aour advice or fix.
In reply to: Hotspot-Image mobile
Hi,
Thank you for the inquiry.
Are you trying to remove the fallback link or text? Please create a test page so we can inspect your setup. If you want to apply the modification to a specific hotspot element only, you can add a custom css class to it (e.g., av-custom-hotspot-class-name).
For more info on how to enable custom css class name support, please refer to this documentation: https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support
@media only screen and (max-width: 768px) { .responsive .av-custom-hotspot-class-name .av-image-hotspot_inner { display: none; } .responsive .av-custom-hotspot-class-name .av-hotspot-fallback-tooltip-count { display: none !important; } .responsive .av-custom-hotspot-class-name .av-hotspot-fallback-tooltip-inner { margin-left: 0 !important; } }Best regards,
IsmaelTopic: Hotspot-Image mobile
Hi @enfold!
I would like to have a different view for hotspot-images on mobile devices. For my mobil-view I would like to hide the text complet and use the link only.
Thanks for your help!
Regards
Michael FI found a css (from 2015) but that does not seem to work anymore.
Here it is:
@media only screen and (max-width: 768px) {
.responsive .av-hotspot-image-container.av-hotspot-blank.av-mobile-fallback-active .av-image-hotspot_inner {
display: none;
}}@media only screen and (max-width: 768px) {
.av-hotspot-fallback-tooltip-count {
display: none !important;
}
.av-hotspot-fallback-tooltip-inner {
margin-left: 0 !important;
}}In reply to: hotspot anchor link no smooth scroll
Hi,
Please looks for this line:
document.querySelectorAll('.av-image-hotspot .avia-tooltip .inner_tooltip a[href^="#"]').forEach(function(anchor) {Replace it with:
document.querySelectorAll('.av-image-hotspot .avia-tooltip .inner_tooltip a[href^="#"], .av-image-hotspot .av-image-hotspot_inner').forEach(function(anchor) {Let us know the result.
Best regards,
IsmaelIn reply to: hotspot anchor link no smooth scroll
Hi,
We adjusted the scroll position a bit.
const offsetPosition = elementPosition + 142;Please try it again:
function av_hotspot_smooth_scroll() { ?> <script> document.addEventListener('DOMContentLoaded', function () { document.querySelectorAll('.av-image-hotspot .avia-tooltip .inner_tooltip a[href^="#"]').forEach(function(anchor) { anchor.addEventListener('click', function(e) { e.preventDefault(); const targetID = this.getAttribute('href').substring(1); const targetElement = document.getElementById(targetID); if (targetElement) { const elementPosition = targetElement.getBoundingClientRect().top + window.pageYOffset; const offsetPosition = elementPosition + 142; window.scrollTo({ top: offsetPosition, behavior: 'smooth' }); history.pushState(null, null, '#' + targetID); } }); }); }); </script> <?php } add_action( 'wp_footer', 'av_hotspot_smooth_scroll', 99 );Adjust the value 142 as needed.
Best regards,
IsmaelHey amollde,
Thank you for the inquiry.
We’ll forward the issue to our channel. Temporarily, you can edit the themes\enfold\includes\classes\class-privacy-class.php file, around line 1782, and look for this code:
$output .= '<a class="avia-privacy-reload-tooltip-link" aria-hidden="true" href="#" rel="nofollow" data-avia-privacy-reload-tooltip="' . esc_attr( $reload ) . '"></a>';Replace it with:
$output .= '<span class="avia-privacy-reload-tooltip-link" aria-hidden="true" data-avia-privacy-reload-tooltip="' . esc_attr( $reload ) . '"></span >';Let us know if this resolves the issue.
Best regards,
IsmaelDear experts
as many others I have to enable much better accessibility and WAVEed the homepage. It showed an empty link error for the following:
<div class=”avia-privacy-reload-tooltip-link-container”>
ARIA hiddenEmpty link<h2>Lade die Seite neu</h2><p>Damit deine Cookie-Einstellungen umgesetzt werden, müssen wir die Seite neu laden.</p></div>” style=”text-decoration: underline;”>
</div>I have seen another thread, where you proposed to create a feature request in github for the same. Can you provide infos whether this had been done already? Can I vote for this feature to support getting it on the roadmap?
best regards
AnjaIn reply to: hotspot anchor link no smooth scroll
ah yes that’s what was happening.
I think it’s fixed now – did you add that or is it just working?
I saw that the link was working and scrolling correctly from the “spot” so had taken the links off the text.
I added that code and then added it back on the “Berlin” tooltip text but it jumps instead of smooth scrolliing still, even though the spot scrolls smoothly. Purged the cache…any ideas?
NancyIn reply to: hotspot anchor link no smooth scroll
Hey Munford,
I believe that we were working on the page at the same time, as it changed. Nonetheless, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function hotspot_smooth_scroll() { ?> <script> document.addEventListener('DOMContentLoaded', function () { document.querySelectorAll('.av-image-hotspot .avia-tooltip .inner_tooltip a[href^="#"]').forEach(function(anchor) { anchor.addEventListener('click', function(e) { // Prevent default jump e.preventDefault(); const targetID = this.getAttribute('href').substring(1); const targetElement = document.getElementById(targetID); if (targetElement) { targetElement.scrollIntoView({ behavior: 'smooth' }); // Optionally update URL hash history.pushState(null, null, '#' + targetID); } }); }); }); </script> <?php } add_action( 'wp_footer', 'hotspot_smooth_scroll', 99 );Best regards,
MikeIn reply to: Lens and cart svg dimensions
Hi,
Thank you for the screenshot.
Please note that the html or the value inside the data-avia-search-tooltip attribute will be converted into actual html by a script, and html entities such as & quot; will be rendered as actual quotation marks in the end. This is the search form that pops up when you click the search icon.
Best regards,
IsmaelHey Martin,
Thank you for the inquiry.
We noticed that the title attribute of the featured image is removed on mouse hover and returns on mouse out. Did you add a script that disables the title attribute on hover to prevent the default browser tooltip from showing? Please note that the lightbox script relies on the title attribute for the caption or image subtitle.
You may need to remove the script that disables the title attribute to keep the lightbox subtitle or caption consistent. Let us know the result.
Best regards,
IsmaelIn reply to: hide the icon mouse-over label
Hi,
The tooltip or icon tag is a default browser feature, and the only way to disable it is by removing the title attribute or tag. The script provided by @Guenni007 and the the filter we shared should take care of that.
We’ll close the thread for now but if you have more questions, feel free to start another.
Have a nice day.
Best regards,
IsmaelIn reply to: hide the icon mouse-over label
i use for title attributes on links, images etc. this function in my child-theme functions.php:
function temporary_removal_title_tags(){ ?> <script> window.onload = function() { var elementsWithTitle = document.querySelectorAll('a, img, *[title]'); for (var i = 0; i < elementsWithTitle.length; i++) { var element = elementsWithTitle[i]; element.setAttribute("data-original-title", element.title); element.addEventListener("mouseenter", function() { this.title = ""; }); element.addEventListener("mouseleave", function() { this.title = this.getAttribute("data-original-title"); }); element.addEventListener("mousedown", function() { this.title = this.getAttribute("data-original-title"); }); } }; </script> <?php } add_action('wp_footer', 'temporary_removal_title_tags');BUT this will not influence the <title> inside the xml code of a svg file!
you can get rid of those <title> but i do not know a way to get them back by mouseleave or mousedown event:
the code above with a little addon – so use instead:function temporary_removal_title_tags_and_get_rid_of_svg_titles(){ ?> <script> window.onload = function() { var elementsWithTitle = document.querySelectorAll('a, img, *[title]'); for (var i = 0; i < elementsWithTitle.length; i++) { var element = elementsWithTitle[i]; element.addEventListener("mouseenter", function() { if (this.title) { this.setAttribute("data-original-title", this.title); this.title = ""; } }); element.addEventListener("mouseleave", function() { var storedTooltip = this.getAttribute("data-original-title"); if (storedTooltip !== null) { // Prüfen, ob ein Originaltitel gespeichert wurde this.title = storedTooltip; this.removeAttribute("data-original-title"); // Aufräumen } }); element.addEventListener("mousedown", function() { var storedTooltip = this.getAttribute("data-original-title"); if (storedTooltip !== null) { this.title = storedTooltip; this.removeAttribute("data-original-title"); } }); } var allSvgs = document.querySelectorAll('svg'); allSvgs.forEach(function(svg) { var svgTitles = svg.querySelectorAll('title'); svgTitles.forEach(function(svgTitleElement) { if (svgTitleElement.textContent.trim() !== '') { svgTitleElement.setAttribute("data-original-svg-title", svgTitleElement.textContent); svgTitleElement.textContent = ""; // Leeren des SVG-Titels } }); }); }; </script> <?php } add_action('wp_footer', 'temporary_removal_title_tags_and_get_rid_of_svg_titles');why not delete all title tags: sometimes these are needed for lightbox bottom bar
When using the Google Map module, in recent updates to the theme, the Tooltip box feature is sized different and doesn’t look right. I believe it is tied to the icon using the SVG now instead of the old icon sets you had. I have this issue on several sites. What is a good set of code that could adjust the size of the tooltip box to make it look like it use to look. Thanks.
In reply to: Remove all image titles on tool tip
Hey Anne,
Thank you for the inquiry.
Please check the links below for possible solutions:
— https://kriesi.at/support/topic/frontend-how-to-hide-image-title-on-hover/#post-1469760
— https://kriesi.at/support/topic/disable-image-title-tooltip-on-hover/#post-1467149Let us know if you need more info.
Best regards,
IsmaelSame issues. Logo still shows left justified on desktop and on mobile view, the logo is over the top button. There must be code that is working against this. Below is my entire code if you can take a look and see whats wrong. I don’t have products either, so not sure why I have all this code.
I just need to fix these things and we are done with the website.
thanks for your help.product-sales-count {
font-size: 0.8em;
margin-top: 0;
top: -10px;
position: relative;
}/* TEXT SHADOW FOR – Fullwidth Easy Slider – Headline: */
.avia_transform .av_slideshow_full .active-slide .avia-caption-title,
.avia_transform .av_fullscreen .active-slide .avia-caption-title
{text-shadow: 2px 2px 2px #717070;}/* TEXT SHADOW FOR – Fullwidth Easy Slider – Caption Text: */
#top .avia-slideshow .av-slideshow-caption .avia-caption-content p {
text-shadow: 2px 2px #717070;
}/* TEXT SHADOW FOR – ALL H1 headlines: */
.av-special-heading h1 {
text-shadow: 1px 1px #717070;
}/* TEXT SHADOW FOR – SPECIFIC H1 headlines: */
.av-special-heading.av-nlr5x-bb365aeef7c91c871c871ed41100301d h1 {
text-shadow: 1px 1px #717070;
}/* TEXT SHADOW FOR – subheading text: */
#top .av-subheading p {
text-shadow: 1px 1px #717070;
}#header_meta a, #header_meta span {
font-size: 16px !important;
line-height: 17px;
}/* Sticky header on mobile */
@media only screen and (max-width: 767px) {
.responsive #top #main {
/* Margin top value should be equal to header height*/
margin-top: 80px;
}
.responsive #top #wrap_all #header {
position: fixed;
}
}@media only screen and (max-width: 1100px) {
.av-main-nav > li.menu-item { display: none; }
.av-main-nav > li.menu-item-avia-special { display: block; }
}.phone-info {
font-size: 16px;
}@media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption h2 {
font-size: 18px !important;
}.responsive #top .slideshow_caption .avia-caption-content {
font-size: 16px !important;
line-height: 14px;
}.avia-slideshow-inner, .avia-slideshow-inner li, .avia-slideshow-inner li img {
height: 30vh !important;
}
}span.avia-menu-text {
text-transform: uppercase;
}.avia-section.av-minimum-height .container .content {
vertical-align: bottom;
}.avia-section.av-minimum-height.text-bottom .container .content {
vertical-align: bottom;
}
.avia-section.av-minimum-height.text-top .container .content {
vertical-align: top;
}.avia-button {
border: 1.5px solid !important;
}#top .avia-button {
border-radius: 5px !important;
}@media only screen and (max-width: 767px) {
body, body .avia-tooltip {
font-size: 20px;
}
}@media only screen and (max-width: 767px) {
.page-id-3230 .avia-builder-el-0.av-minimum-height-100:not(.av-slideshow-section) .container {
height: 767px !important;
}
}#main .sidebar a,
#footer a,
#socket a {
text-decoration: underline;
}
a.avia-button{
text-decoration:none!important;
}
@media only screen and (max-width: 989px){
.html_mobile_menu_tablet #top #wrap_all .av_header_transparency {
background-color: transparent;
}
.responsive #top #main {
margin-top: 0;
}
}#top #wrap_all #socket .container {
text-align: center;
}#top #wrap_all #socket .container {
text-align: center;
}#top #wrap_all #socket .copyright {
display: block;
float: none;
clear: both;
text-align: center;
}#top .content .flex_column .widget_nav_menu li {
border-top-width: 0;
border-bottom-width: 0;
}#footer h3.widgettitle{
border:none!important;
}@media only screen and (max-width: 769px) {
.flex_column.av-l3szqp26-162f9236fd15346c9c727f5f94b66dce {
min-height: 50vh !important;
}
}.html_elegant-blog #top .post-entry .post-meta-infos,
.html_elegant-blog .avia-content-slider .slide-meta,
#top .news-time {
display: none;
}html, body {
background-color: #fff !important;
}#header:not(.av_header_transparency) #header_main {
-moz-box-shadow:0 5px 5px rgba(182, 182, 182, 0.75);
-webkit-box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
}#top.single-product .product_meta {
visibility: hidden;
}.is-large.wc-block-cart .wc-block-cart-items th span {
font-size: 2em;
}table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
font-size: 2em;
}.wc-block-components-form .wc-block-components-text-input.is-active label, .wc-block-components-text-input.is-active label {
display: none;
}#top div ul.product_list_widget li a {
display: block;
font-weight: bold;
font-size: 1.5em;
line-height: 1.6em !important;
}#top .dropdown_widget ul.product_list_widget li .quantity {
color: #000000;
font-size: 1em;
}#top .dropdown_widget .total span.woocommerce-Price-currencySymbol, #top .dropdown_widget .total {
color: #000000;
font-size: 1em;
}div .product-sorting {
display: none;
}@media only screen and (max-width: 767px) {
.responsive #top #main {
padding-top: 88px !important;
}
.responsive.html_header_transparency #top #main {
padding-top: 0 !important;
}
}.page-id-432 .components-flex-item input, .page-id-433 .wc-block-components-text-input input {
padding: 8px 116px;
}.wc-block-cart__submit-container a .wc-block-components-button__text {
color: #fff;
}.wc-block-components-address-form-wrapper .components-base-control__label {
top: -50px;
}.wc-block-components-address-form-wrapper .components-base-control__label {
top: -30px !important;
}#top .av-product-class-minimal img {
border-radius: 30px !important;
}
#top .av-product-class-minimal img {
border-radius: 30px !important;
}.select2-container–default .select2-results__option–highlighted[aria-selected], .select2-container–default .select2-results__option–highlighted[data-selected], #top .select2-results {
color: #000 !important;
}@media only screen and (max-width: 768px) {
/* Add your Mobile Styles here */
#top #bc-custom-section div .flex_column {
width: 46% !important;
margin-left: 3% !important;
border-radius: 30px;
}
}#top #bc-custom-section div .flex_column img {
border-radius: 30px;
}.woocommerce-Tabs-panel ul {
list-style: disc;
margin-left: 15px;
}.woocommerce-Tabs-panel ul, .woocommerce-product-details__short-description ul {
list-style: disc;
margin-left: 15px;
}#menu-item-150 > a > .avia-menu-text {
color: #f19809!important;
}#av-burger-menu-ul .menu-item-150 > a > .avia-menu-text {
color:#f19809!important;
}#menu-item-2076 > a > .avia-menu-text {
color: #f19809!important;
}#av-burger-menu-ul .menu-item-2076 > a > .avia-menu-text {
color:#f19809!important;
}.avia-image-container .avia_image, .avia-image-container .avia-image-overlay-wrap {
border-radius: 30px;
}#footer .textwidget .menu-blissfull-main-menu-container p {
margin: 0;
width: auto;
display: inline-block;
}@media only screen and (max-width: 767px) {
.responsive .home #wrap_all #av-section-shop-category .flex_column {
width: 48%;
padding: 1%;
}
}ul.a-unordered-list.a-vertical.a-spacing-mini li {
margin-bottom: 20px;
}#top .price, #top .price span, #top del, #top ins {
display: inline;
text-decoration: none;
font-size: 24px;
line-height: 24px;
font-weight: 600;
}.page-id-389 .shop_columns_3 .products .product {
width: 100%;
}.page-id-91 .shop_columns_3 .products .product {
width: 100%;
}h1{
text-transform: capitalize !important;
}.template-page .entry-content-wrapper h1{
text-transform: capitalize !important;
}a.cart_dropdown_link {
font-size: 28px !important;
}#top a.cart_dropdown_link span[data-av_icon] {
font-size: 28px;
color: var(–enfold-header-color-color);
}#top #header .av-main-nav #menu-item-wc-account-icon > a {
color: #f19809;
font-size: 28px;
}/* Increase base font size on mobile devices */
@media only screen and (max-width: 767px) {
body,
p,
.entry-content {
font-size: 18px !important;
line-height: 1.6 !important;
}
}@media only screen and (max-width: 767px) {
#top .av-special-heading .av-subheading p {
font-size: 24px
}
}img[src*=”amazon-adsystem”] {
display: none;
}#top .av-burger-overlay-bg {
opacity: 0.8;
background: #000;
}——————–
div .logo {
left: 37%;
}
div.av-burger-overlay-bg {
background-color: rgba(0, 0, 0, .7);
}#top .av-burger-overlay-bg {
opacity: 0.8;
background: #000;
}#top .av-main-nav-wrap {
float: right;
position: relative;
z-index: 3;
padding: 0 !important;
margin: 0 0 0 15px !important;
}.header_color.av_header_transparency .av-hamburger-inner,
.header_color.av_header_transparency .av-hamburger-inner::before,
.header_color.av_header_transparency .av-hamburger-inner::after {
background-color: #FFF !important;
}#top .av_header_transparency .phone-info,
#top .av_header_transparency .social_bookmarks li a {
color: #FFF !important;
}#top .av_header_glassy.av_header_transparency .avia-menu.av_menu_icon_beside {
border: none !important;
}#top .main_menu {
width: 170px
}#top .logo {
/*width: calc(100% – 170px);*/
width: 100%;
left: unset;
}@media only screen and (max-width: 767px) {
#av_section_1 .container.av-section-cont-open,
.page-id-910 #av-layout-grid-1 {
padding-top: 130px !important;
}
}#top .logo img {
left: 50%;
transform: translateX(-50%)
}@media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive.html_mobile_menu_tablet #top #wrap_all #header {
position: fixed;
}
}@media only screen and (max-width: 767px) {
#header .social_bookmarks {
display: none !important;
}
}#top #wrap_all #av-burger-menu-ul li {
font-size: 30px !important;
}——————-
#av-burger-menu-ul li.av-show-submenu > a > .avia-menu-text {
color: blue;
}
#av-burger-menu-ul li.av-show-submenu > .sub-menu > li > a > .avia-menu-text {
color: #f5c526;
font-size: 20px;
line-height: 20px;
}
.html_av-submenu-hidden #av-burger-menu-ul .av-submenu-indicator:before {
color: #f5c526;
font-size: 20px;
}
#top #wrap_all #av-burger-menu-ul .menu-item-2846 {
font-size: 24px !important;
}.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li.av-show-submenu li {
line-height: 20px;
}Hallo,
ich erstelle gerade eine barrierefreie Website.
Ich habe einige WCAG-Fehlermeldung:Kontaktformular
1. fieldset hat keine legend
2. Es gibt ein verstecktes leeres Input field ohne form label<p class="hidden"> Missing form label<input type="text" name="avia_6_1" class="hidden " id="avia_6_1" value=""> </p>3. Team Member Element Alt-text –
!!!Redundant alternative text – The alternative text for an image is the same as nearby or adjacent text.!!!
Why not use the nomal Alt from the picture?4. Consent Banner:
Errors Empty link A link contains no text.<a class="avia-privacy-reload-tooltip-link" aria-hidden="true" href="#" rel="nofollow" data-avia-privacy-reload-tooltip="<div class="av-cookie-auto-reload-container"><h2>Lade die Seite neu</h2><p>Damit deine Cookie-Einstellungen umgesetzt werden, müssen wir die Seite neu laden.</p></div>"></a>Gibt es dafür eine Lösung oder demnächst ein Update?
-
This topic was modified 6 months, 2 weeks ago by
.
-
This topic was modified 6 months, 2 weeks ago by
-
This topic was modified 6 months, 2 weeks ago by
-
This topic was modified 6 months, 2 weeks ago by
-
This topic was modified 6 months, 2 weeks ago by
-
This topic was modified 6 months, 2 weeks ago by
Compared to the 2025 theme, our product pages when you edit them in WP Admin take twice as long to load using the Enfold theme. I believe this is at least partially due to the many scripts that are called. We use ALB on pages and posts but not our shop and product pages. What would be the most effective way to not load all of the bells and whistles of Enfold to optimize the product editor page? If we dequeue the scripts we see errors even though the ALB has been disabled.
For example, here are all of the Enfold related scripts that get loaded on the product editor even with the ALB disabled.
// Dequeue Enfold styles/scripts
wp_dequeue_style('avia-style');
wp_dequeue_style('avia-custom');
wp_dequeue_style('avia-popup');
wp_dequeue_script('avia-default');
wp_dequeue_script('avia-shortcodes');
wp_dequeue_script('avia-modal');
wp_dequeue_script('avia_mega_menu');
wp_dequeue_script('avia_sidebar');
wp_dequeue_script('avia_advanced_form_elements');
wp_dequeue_script('avia_options_pages');
wp_dequeue_script('avia_media');
wp_dequeue_script('avia_media_wp35');
wp_dequeue_script('avia_colorpicker');
wp_dequeue_script('avia_media_advanced');
wp_dequeue_script('ls-global');
wp_dequeue_script('ls-wp-editor');
wp_dequeue_script('ls-addon-404');
wp_dequeue_script('ls-addon-maintenance');
wp_dequeue_script('avia-dotlottie-script');
wp_dequeue_script('avia_builder_js');
wp_dequeue_script('avia_element_js');
wp_dequeue_script('avia_template_save_js');
wp_dequeue_script('avia_modal_js');
wp_dequeue_script('avia_custom_elements_js');
wp_dequeue_script('avia_modal_dynamic_js');
wp_dequeue_script('avia_history_js');
wp_dequeue_script('avia_tooltip_js');
wp_dequeue_script('avia_tab_section_js');
wp_dequeue_script('avia_table_js');
wp_dequeue_script('avia_tab_toggle_js');
wp_dequeue_script('avia_media_js');
wp_dequeue_script('avia_gutenberg_script');
wp_dequeue_script('avia_google_maps_api_script');
wp_dequeue_script('avia-google-maps-api');
wp_dequeue_script('avia_google_recaptcha_front_script');
wp_dequeue_script('avia_admin_notices_script');
wp_dequeue_script('layerslider-utils');
wp_dequeue_script('kreatura-modal');
wp_dequeue_script('layerslider-slider-library');
We disabled the ALB button with the avf_alb_supported_post_types hook
add_filter(‘avf_alb_supported_post_types’, function ($supported_post_types) {
return array_diff($supported_post_types, [‘product’]);
}, 5);Hi,
Thank you for the update.
Try to use this shortcode instead:
function avia_search_cb() { ob_start(); ?> <span id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown menu-item-avia-special" role="menuitem"> <a class="avia-svg-icon avia-font-svg_entypo-fontello" aria-label="Search" href="?s=" rel="nofollow" title="Click to open the search input field" data-avia-search-tooltip='<?php echo esc_attr(" <search> <form role='search' action='" . home_url() . "' id='searchform' method='get'> <div> <span class='av_searchform_search avia-svg-icon avia-font-svg_entypo-fontello' data-av_svg_icon='search' data-av_iconset='svg_entypo-fontello'> <svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='25' height='32' viewBox='0 0 25 32' preserveAspectRatio='xMidYMid meet' role='graphics-symbol' aria-hidden='true'> <title>Search</title> <desc>Search</desc> <path d='M24.704 24.704q0.96 1.088 0.192 1.984l-1.472 1.472q-1.152 1.024-2.176 0l-6.080-6.080q-2.368 1.344-4.992 1.344-4.096 0-7.136-3.040t-3.040-7.136 2.88-7.008 6.976-2.912 7.168 3.040 3.072 7.136q0 2.816-1.472 5.184zM3.008 13.248q0 2.816 2.176 4.992t4.992 2.176 4.832-2.016 2.016-4.896q0-2.816-2.176-4.96t-4.992-2.144-4.832 2.016-2.016 4.832z'></path> </svg> </span> <input type='submit' value='' id='searchsubmit' class='button' title='Enter at least 3 characters to show search results in a dropdown or click to route to search result page to show all results' /> <input type='search' id='s' name='s' value='' aria-label='Search' placeholder='Search' required /></div> </form> </search> "); ?>' data-av_svg_icon="search" data-av_iconset="svg_entypo-fontello"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="25" height="32" viewBox="0 0 25 32" preserveAspectRatio="xMidYMid meet" role="graphics-symbol" aria-hidden="true"> <title>Click to open the search input field</title> <desc>Click to open the search input field</desc> <path d="M24.704 24.704q0.96 1.088 0.192 1.984l-1.472 1.472q-1.152 1.024-2.176 0l-6.080-6.080q-2.368 1.344-4.992 1.344-4.096 0-7.136-3.040t-3.040-7.136 2.88-7.008 6.976-2.912 7.168 3.040 3.072 7.136q0 2.816-1.472 5.184zM3.008 13.248q0 2.816 2.176 4.992t4.992 2.176 4.832-2.016 2.016-4.896q0-2.816-2.176-4.96t-4.992-2.144-4.832 2.016-2.016 4.832z"></path> </svg> <span class="avia_hidden_link_text">Search</span> </a> </span> <?php return ob_get_clean(); } add_shortcode('avia_search', 'avia_search_cb');Best regards,
IsmaelIn reply to: Navigation Bar search widget SVG image
try:
#menu-item-search a { background: transparent !important; overflow: visible; } #menu-item-search svg { z-index: -1 !important; position: relative !important; top: 3px; } #menu-item-search .avia-search-tooltip .avia-arrow-wrap { right: 25px; }In reply to: Different footer on mobile
Hi,
Please try this CSS as well:
#footer-page .av-social-sharing-box .avia-related-tooltip { display: none !important; }Best regards,
RikardIn reply to: Scroll mobile left and right
Hello Mike
Super Thank you very muchWould it be possible that the tooltip is not displayed during mouse over?
best regards Franz
In reply to: Booking System shortcode
Ismael,
Thank you very much for your solution. I have added your shortcode generator in functions.php of the child-theme.
function av_wpbs_wpml_cb() { $lang = apply_filters('wpml_current_language', null); $id = 1; $language = 'en'; switch ($lang) { case 'nl': $id = 1; $language = 'nl'; break; case 'en': $id = 1; $language = 'en'; break; case 'fr': $id = 1; $language = 'de'; break; default: $id = 1; $language = 'nl'; break; } return do_shortcode('[wpbs id="' . esc_attr($id) . '" language="' . esc_attr($lang) . '" show_prices="yes" title="no" legend="yes" legend_position="side" display="1" year="0" month="0" start="1" dropdown="yes" jump="no" history="1" tooltip="1" highlighttoday="no" weeknumbers="no" show_first_available_date="no" form_id="1" form_position="bottom" auto_pending="yes" selection_type="multiple" selection_style="split" minimum_days="7" maximum_days="0" booking_start_day="6" booking_end_day="6" show_date_selection="no"]'); } add_shortcode('av_wpbs_wpml', 'av_wpbs_wpml_cb');Then added the shortcode to a text block:
[av_wpbs_wpml]Test URL:
https://villasari.de/nl/test-shortcode/I get this error:
Fatal error: Uncaught TypeError: ksort(): Argument #1 ($array) must be of type array, null given in /var/www/vhosts/villasari.de/httpdocs/wp-content/plugins/multilingual-tools-2.2.6/inc/class-mltools-shortcode-attribute-filter.php:86 Stack trace: #0 /var/www/vhosts/villasari.de/httpdocs/wp-content/plugins/multilingual-tools-2.2.6/inc/class-mltools-shortcode-attribute-filter.php(86): ksort() #1 /var/www/vhosts/villasari.de/httpdocs/wp-content/plugins/multilingual-tools-2.2.6/inc/class-mltools-shortcode-attribute-filter.php(66): MLTools_Shortcode_Attribute_Filter->add_tag() #2 /var/www/vhosts/villasari.de/httpdocs/wp-includes/class-wp-hook.php(326): MLTools_Shortcode_Attribute_Filter->do_shortcode_tag_filter() #3 /var/www/vhosts/villasari.de/httpdocs/wp-includes/plugin.php(205): WP_Hook->apply_filters() #4 /var/www/vhosts/villasari.de/httpdocs/wp-includes/shortcodes.php(447): apply_filters() #5 [internal function]: do_shortcode_tag() #6 /var/www/vhosts/villasari.de/httpdocs/wp-includes/shortcodes.php(273): preg_replace_callback() #7 /var/www/vhosts/villasari.de/httpdocs/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/class-shortcode-helper.php(580): do_shortcode() #8 /var/www/vhosts/villasari.de/httpdocs/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/textblock/textblock.php(541): ShortcodeHelper::avia_apply_autop() #9 /var/www/vhosts/villasari.de/httpdocs/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/class-shortcode-template.php(1329): avia_sc_text->shortcode_handler() #10 /var/www/vhosts/villasari.de/httpdocs/wp-includes/shortcodes.php(434): aviaShortcodeTemplate->shortcode_handler_prepare() #11 [internal function]: do_shortcode_tag() #12 /var/www/vhosts/villasari.de/httpdocs/wp-includes/shortcodes.php(273): preg_replace_callback() #13 /var/www/vhosts/villasari.de/httpdocs/wp-includes/class-wp-hook.php(324): do_shortcode() #14 /var/www/vhosts/villasari.de/httpdocs/wp-includes/plugin.php(205): WP_Hook->apply_filters() #15 /var/www/vhosts/villasari.de/httpdocs/wp-content/themes/enfold/template-builder.php(102): apply_filters() #16 /var/www/vhosts/villasari.de/httpdocs/wp-includes/template-loader.php(106): include('...') #17 /var/www/vhosts/villasari.de/httpdocs/wp-blog-header.php(19): require_once('...') #18 /var/www/vhosts/villasari.de/httpdocs/index.php(17): require('...') #19 {main} thrown in /var/www/vhosts/villasari.de/httpdocs/wp-content/plugins/multilingual-tools-2.2.6/inc/class-mltools-shortcode-attribute-filter.php on line 86Any clue?
In reply to: Booking System shortcode
Hi,
Yes, the builder elements should be translatable, but this doesn’t seem to be working due to the error mentioned above. Fixing the error should allow you to translate the content of the Text Block and place different versions of the wpbs shortcode for different languages.
Another option is to create a custom shortcode that wraps the wpbs shortcode and alters the id and language attribute based on the active WPML language. Please add this code in the functions.php file:
function av_wpbs_wpml_cb() { $lang = apply_filters('wpml_current_language', null); $id = 1; $language = 'en'; switch ($lang) { case 'nl': $id = 1; $language = 'nl'; break; case 'fr': $id = 2; $language = 'fr'; break; case 'de': $id = 3; $language = 'de'; break; default: $id = 1; $language = 'en'; break; } return do_shortcode('[wpbs id="' . esc_attr($id) . '" language="' . esc_attr($lang) . '" title="no" legend="yes" legend_position="side" display="1" year="0" month="0" start="1" dropdown="yes" jump="no" history="1" tooltip="1" highlighttoday="no" weeknumbers="no" show_first_available_date="no" form_id="1" form_position="bottom" auto_pending="yes" selection_type="multiple" selection_style="split" minimum_days="0" maximum_days="0" booking_start_day="0" booking_end_day="0" show_date_selection="no"]'); } add_shortcode('av_wpbs_wpml', 'av_wpbs_wpml_cb');Instead of using the default shortcode, you can use this instead:
[av_wpbs_wpml]Best regards,
Ismael -
This topic was modified 6 months, 2 weeks ago by
