-
Search Results
-
Hi support,
I know it’s possible to change colors of tooltips with css code below:
#top .avia-tooltip, #top .avia-tooltip .avia-arrow { background: #037ef3; color:#fff; }I would like to change color of a specific tooltip element on a page. I tried by giving the element a class, for example blue-tooltip, or giving the color section a class but it doesn’t work.
#top .blue-tooltip .avia-tooltip, #top .blue-tooltip .avia-tooltip .avia-arrow { background: #037ef3; color:#fff; }My question: how can change color for a specific tooltip element.
Thanks in advance.
Regards, Ariane
Topic: Enfold – Upcoming fixes
Hi,
We wanted to create this thread as a channel to share the fixes that will be included in upcoming updates and known issues that are being worked on.
Current fixes for upcoming version 4.7.4.1 are as following (last update 2020-05-12)
- Feature: New alignment options ALB element “Special Heading”
- Feature: input field to add custom subject text for ALB contact form autoresponder email
- Feature: Option for transition effect speed in ALB Easy Slider, Fullwidth Easy Slider, Fullscreen Slider
- Feature: Added options for custom title and alt attribute in ALB image element
- fixed: accordion slider hides some slide item after closing the lightbox
- fixed: small typo instgram
- fixed: WC 4.0 bug grouped products and quantity button not working
- fixed: Transparent logo missing alt and title attr when attachment URL instead ID
- fixed: bbPress and custom footer page not showing correctly on some pages
- fixed: CSS bug Accordion hidden below Special Heading in Color section
- fixed: WP 5.4 Block editor breaks ALB layout in backend
- fixed: removed wrong href in div id=”av-cookie-consent-badge”
- fixed: removed wp_nonce check in reCaptcha V3 to avoid problems with caching plugins
- fixed: bug switching ALB back to Classic Editor broken layout and js errors (WP 5.4 related ?)
- fixed: CSS problem with equal height after individual height columns forming a grid
- fixed: WP 5.4 block editor using ALB – scroll bug dragging ALB elements
- fixed: added a check that $posts is an array in helper-assets.php – caused by 3rd party plugins
- fixed: shifted values in color picker (theme options page)
- fixed: type errors in message text
- Fixed: Plugin conflict calling filter display_post_states incorrectly
- added: filter avf_transparency_logo_data: modify transparency logo url, title, alt attributes
- added: class post-format-{$post_format} to article in postslider.php
- added: filter avf_attachment_copyright_text – allows to filter copyright text in ALB image element
- tweak: new option “Remove query string from static resources” in Performance->Show advanced options
- tweak: Link settings moved to content tab for all ALB button elements
- tweak: ensure function aviaFontManagementBase::get_font_list returns an array
- updated: Italian language files
- updated: Dutch language files
- added: Greek language files
- tweak: All language files have been synchronised – obsolete strings removed
In Pull Requests:
- feature: New demo importer with download of demos from external server
In Progress:
- Responsive images – adding scrset attribute to images
Fixes for released version 4.7.4:
- fixed: catalog CSS not enqueued with ALB WC product elements
- fixed: ADA compliance aria-hidden, aria-label for MOBILE Hamburger menu
- fixed: ALB seperator whitespace with icon: limit width to 45% container width for each ruler
- fixed: small typo tempalte
- fixed: CSS bug icon grid with display tooltip and mobile
- fixed: CSS ALB Gridrow – 1 column with link column not fullwidth
- fixed: CSS indent bug in nested sidebar menus (left/right sidebar, widget menus)
- fixed: Fullwidth Easy Slider issue where auto rotate stops working in Safari after a video slide
- feature: Add custom ID and CSS class to timeline milestones
- feature: Integrate Smash Balloon Instagram Feed plugin (free and pro version)
- Feature: ALB magazine element supports post-format link
- tweak: Option to disable adding timestamp to compressed css and js files
- tweak: Advanced Styling selectors more strict to override standard selectors from stylesheets and custom css
- tweak: ajax search support for WC option “Hide out of stock items from the catalog”
- tweak: use get_title instead of inconsistent use of direct access to post_title in various places
- added: title attribute to postslider link in ALB element
- added: filter avf_postslider_link_title_attr: modify title attribute for link in ALB postslider
- added: filter avf_show_option_toggles_advanced: Adds an extra select option to hide section headers in ALB
- added: filter avf_ajax_search_woocommerce_params: allows to change displaying products out_of_stock, featured and hidden
- added: filter avf_legacy_suppress_wp_filter_post_title: allows a fallback for unfiltered post_title where direct access was used previously
- removed: deprecated classes hentry and vcard (microformats.com)
- updated: French language file – equal alb options translation, “Google” services translated as “Mailchimp”
- updated: Dutch language files
- updated: German language files
- updated: Italian language files
- Extension plugin: “Shortcodes In Post Titles” https://github.com/KriesiMedia/enfold-library/tree/master/integration%20plugins/Enfold/Shortcodes%20In%20Post%20Titles
Fixes for version 4.7.3 are as following
- improved: theme options to disable ALB modal popup options toggles (revert to old ALB design)
- fixed: Blog multiauthor preview image links to author and not to post
- fixed: ADA compliance aria-hidden for social icons and social share buttons
- fixed: social share buttons added with filter no longer shown in 4.7.1.1
- fixed: CSS for reCaptcha V3, added classes for reCaptcha V2 and reCaptcha V3 to form
- fixed: ALB contact form datepicker throws js error when jQuery is loaded in footer
- fixed: ALB editor Add Cell/Set Cell Size buttons not responsive for translations
- fixed: Custom pages query to exclude hiding a page when same page object is queried
- fixed: small typo in Iconbox element
- fixed: Easy Slider caption sizes reverting back to “use default” after making custom settings
- fixed: Google vocabulary.org schema is deprecated
- fixed: Content partially cut off in Cookie modal window on mobile Safari
- added: filter avf_merged_files_unique_id: allows to remove/customize added unique id for merged files
- added: filter avf_folder_security: customize folder security from 755 on folder creation
- tweak: Column links open in new window and not in new tab for some browsers (e.g. FF)
- tweak: Developer fields missing in fullwidth sub menu element
- tweak: improved creation of avia folders and security
- tweak: schema.org markup for testimonials
- Improved GPDR:
- feature: new option Accept essential cookies on pageload, user must opt in for other cookies
- added: Cookie info message now supports starts with, ends with, contains for cookie names (filter avf_privacy_cookie_infos)
- added: description text for some essential WP, WPMLcookies
- fixed: bug with custom wildcard cookies and path not /
- fixed: bug in option allow all cookies and services on pageload
- Updated: Old Instagram icon to new one in social profiles
- Updated: background color for social yelp icon to #d32323 on hover
- updated: German language files, , de_DE GDPR translation adjustments
- updated: Italian language file
- updated: Dutch language files
- updated: French language file – equal alb options translation
Regards,
YigitP.S.: Please do not report issues here, instead start a new thread.
Hi,
“I’ve set up a map with several locations/markers. Each marker has a tooltip with address details. The only problem now is that these tooltips stay visible. I’d prefer them to automatically hide again when clicking another marker. There are markers rather close to each other, so it becomes a pain having to close each tooltip before being able to click on another marker again.
Can I change this, please?”For example: one tooltip/marker description is open. I would like it to close when I click a different marker. so that only one tooltip/marker description is open at a time.
Hello, I am playing around with a specs page for a product, and I found the “image with hotspots” function to be a nice feature. I want to create something similar to amazon images where they click the image to zoom in. you can see what i am talking about here – https://mysite.com/max-2/
my question is, can i make the image under “hotspot 1” bigger? i already made it as big as possible by setting the “tooltip width” to “x large”. Can i make it bigger than that?second question, would there be a way i can load an image lightbox instead? I am just looking for the best solution to overlay clickable elements, then having a large hi-res image-within-an-image pop up. Any advice would be appreciated. Perhaps a plugin if Enfold cannot accomplish this?
Thanks!
RyanHi there.
I have been using ENFOLD for a long time and find it a very useful theme however recently I have been having the following issue:
When adding an A-Tag in an element, the whole element disappears / breaks. This has happened a few times over the last couple of weeks. (Yes I have done this before and it worked)
Example: I am using the “Image with hotspots” element – I need to link each hotspot to a specific URL, I am adding in the link at the bottom of the “Edit Hotspot Tooltip” however this only links the actual hotspot (And the hotspot itself is small, and it’s hard to get the cursor on the right spot to click on the link) plus clients will not know that they need to click on the actual hotspot because it is so tiny. So I have linked the hotspots and with that have also tried linking the text in the tooltip using an A tag, but whenever I do this and save it, the whole element disappears.
This happened the other day too on another site I was working on while using the “Team Member” element – I Just added an H3 tag to the “team member job title” to make the job title a little bigger and the whole element disappeared.
Please help
Thank you
As the Grit Element is all the time Fullwidth and cannot be changed to Content Width, I did edit and create a new Element, which has same functionallity, but has the content width (not destroying pages with sidebars).
As others look for it and no solution is provided, here is mine.
create new file and add it in childtheme:
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; }create folder shortcode in childtheme and add file there (name is not important):
<?php /** * Grid Row * * Shortcode which adds multiple Grid Rows below each other to create advanced grid layouts. Cells can be styled individually */ // Don't load directly if ( !defined('ABSPATH') ) { die('-1'); } if ( !class_exists( 'avia_sc_grid_row_nofullwidth' ) ) { class avia_sc_grid_row_nofullwidth extends aviaShortcodeTemplate{ static $count = 0; /** * Create the config array for the shortcode grid row */ function shortcode_insert_button() { $this->config['type'] = 'layout'; $this->config['self_closing'] = 'no'; $this->config['contains_text'] = 'no'; $this->config['layout_children'] = array( 'av_cell_one_full', 'av_cell_one_half', 'av_cell_one_third', 'av_cell_one_fourth', 'av_cell_one_fifth', 'av_cell_two_third', 'av_cell_three_fourth', 'av_cell_two_fifth', 'av_cell_three_fifth', 'av_cell_four_fifth' ); $this->config['name'] = __('Grid Row (Content Width)', 'avia_framework' ); $this->config['icon'] = AviaBuilder::$path['imagesURL']."sc-layout_row.png"; $this->config['tab'] = __('Layout Elements', 'avia_framework' ); $this->config['order'] = 15; $this->config['shortcode'] = 'av_layout_grit'; $this->config['html_renderer'] = false; $this->config['tinyMCE'] = array('disable' => "true"); $this->config['tooltip'] = __('Add multiple Grid Rows below each other to create advanced grid layouts. Cells can be styled individually', 'avia_framework' ); $this->config['drag-level'] = 1; $this->config['drop-level'] = 100; $this->config['disabling_allowed'] = false; } function extra_assets() { //load css wp_enqueue_style( 'avia-module-gridrow' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/grid_row/grid_row.css' , array('avia-layout'), false ); } /** * 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) { /* $params['content'] = trim($params['content']); if(empty($params['content'])) $params['content'] = "[av_cell_one_half first][/av_cell_one_half] [av_cell_one_half][/av_cell_one_half]"; */ extract($params); $name = $this->config['shortcode']; $data['shortcodehandler'] = $this->config['shortcode']; $data['modal_title'] = $this->config['name']; $data['modal_ajax_hook'] = $this->config['shortcode']; $data['dragdrop-level'] = $this->config['drag-level']; $data['allowed-shortcodes'] = $this->config['shortcode']; if(!empty($this->config['modal_on_load'])) { $data['modal_on_load'] = $this->config['modal_on_load']; } $dataString = AviaHelper::create_data_string($data); if($content) { $final_content = $this->builder->do_shortcode_backend($content); $text_area = ShortcodeHelper::create_shortcode_by_array($name, $content, $args); } else { $cell = new avia_sc_cell_one_half($this->builder); $params = array('content' => "", 'args' => array(), 'data'=>''); $final_content = ""; $final_content .= $cell->editor_element($params); $final_content .= $cell->editor_element($params); $text_area = ShortcodeHelper::create_shortcode_by_array($name, '[av_cell_one_half][/av_cell_one_half] [av_cell_one_half][/av_cell_one_half]', $args); } $title_id = !empty($args['id']) ? ": ".ucfirst($args['id']) : ""; $hidden_el_active = !empty($args['av_element_hidden_in_editor']) ? "av-layout-element-closed" : ""; $output = "<div class='avia_layout_row {$hidden_el_active} avia_layout_section avia_pop_class avia-no-visual-updates ".$name." av_drag' ".$dataString.">"; $output .= " <a class='avia-add-cell avia-add' href='#add-cell' title='".__('Add Cell','avia_framework' )."'>".__('Add Cell','avia_framework' )."</a>"; $output .= " <a class='avia-set-cell-size avia-add' href='#set-size' title='".__('Set Cell Size','avia_framework' )."'>".__('Set Cell Size','avia_framework' )."</a>"; $output .= " <div class='avia_sorthandle menu-item-handle'>"; $output .= " <span class='avia-element-title'>".$this->config['name']."<span class='avia-element-title-id'>".$title_id."</span></span>"; $output .= " <a class='avia-delete' href='#delete' title='".__('Delete Row','avia_framework' )."'>x</a>"; $output .= " <a class='avia-toggle-visibility' href='#toggle' title='".__('Show/Hide Section','avia_framework' )."'></a>"; if(!empty($this->config['popup_editor'])) { $output .= " <a class='avia-edit-element' href='#edit-element' title='".__('Edit Row','avia_framework' )."'>".__('edit','avia_framework' )."</a>"; } $output .= "<a class='avia-save-element' href='#save-element' title='".__('Save Element as Template','avia_framework' )."'>+</a>"; $output .= " <a class='avia-clone' href='#clone' title='".__('Clone Row','avia_framework' )."' >".__('Clone Row','avia_framework' )."</a></div>"; $output .= " <div class='avia_inner_shortcode avia_connect_sort av_drop' data-dragdrop-level='".$this->config['drop-level']."'>"; $output .= "<textarea data-name='text-shortcode' cols='20' rows='4'>".$text_area."</textarea>"; $output .= $final_content; $output .= "</div>"; $output .= "<a class='avia-layout-element-hidden' href='#'>".__('Grid Row content hidden. Click here to show it','avia_framework')."</a>"; $output .= "</div>"; return $output; } /** * Popup Elements * * If this function is defined in a child class the element automatically gets an edit button, that, when pressed * opens a modal window that allows to edit the element properties * * @return void */ function popup_elements() { global $avia_config; $this->elements = array( array( "type" => "tab_container", 'nodescription' => true ), array( "type" => "tab", "name" => __("Content" , 'avia_framework'), 'nodescription' => true ), array( "name" => __("Grid Borders",'avia_framework' ), "id" => "border", "desc" => __("Choose if your layout grid should display any border",'avia_framework' ), "type" => "select", "std" => "", "subtype" => array( __('No Borders' , 'avia_framework' ) =>'', __('Borders on top and bottom' , 'avia_framework' ) =>'av-border-top-bottom', __('Borders between cells' , 'avia_framework' ) =>'av-border-cells', __('Borders on top and bottom and between cells' , 'avia_framework' ) =>'av-border-top-bottom av-border-cells', ) ), array( "name" => __("Custom minimum height", 'avia_framework' ), "desc" => __("Do you want to use a custom or predefined minimum height?", 'avia_framework' ), "id" => "min_height_percent", "type" => "select", "std" => "", "subtype" => array( __( 'At least 100% of Browser Window height', 'avia_framework' ) => '100', __( 'At least 75% of Browser Window height', 'avia_framework' ) => '75', __( 'At least 50% of Browser Window height', 'avia_framework' ) => '50', __( 'At least 25% of Browser Window height', 'avia_framework' ) => '25', __( 'Custom height in % based on browser windows height', 'avia_framework' ) => 'percent', __( 'Custom height in pixel', 'avia_framework' ) => '', ) ), array( 'name' => __( 'Section minimum custom height in %', 'avia_framework' ), 'desc' => __( 'Define a minimum height for the gridrow in % based on the browser windows height', 'avia_framework' ), 'id' => 'min_height_pc', 'required' => array( 'min_height_percent', 'equals', 'percent' ), 'std' => '25', 'type' => 'select', 'subtype' => AviaHtmlHelper::number_array( 1, 99, 1 ) ), array( "name" => __("Minimum height", 'avia_framework' ), "desc" => __("Set the minimum height of all the cells in pixel. eg:400px", 'avia_framework' ), "id" => "min_height", "required"=> array('min_height_percent','equals',''), "type" => "input", "std" => "0", ), array( "name" => __("Section Colors",'avia_framework' ), "id" => "color", "desc" => __("The section will use the color scheme you select. Color schemes are defined on your styling page",'avia_framework' ) . '<br/><a target="_blank" href="'.admin_url('admin.php?page=avia#goto_styling').'">'.__("(Show Styling Page)",'avia_framework' )."</a>", "type" => "select", "std" => "main_color", "subtype" => array_flip($avia_config['color_sets']) ), array( "name" => __("Mobile Behaviour",'avia_framework' ), "id" => "mobile", "desc" => __("Choose how the cells inside the grid should behave on mobile devices and small screens",'avia_framework' ), "type" => "select", "std" => "av-flex-cells", "subtype" => array( __('Default: Each cell is displayed on its own' , 'avia_framework' ) =>'av-flex-cells', __('Cells appear beside each other, just like on large screens' , 'avia_framework' ) =>'av-fixed-cells', ) ), array( "name" => __("For Developers: Section ID", 'avia_framework' ), "desc" => __("Apply a custom ID Attribute to the section, so you can apply a unique style via CSS. This option is also helpful if you want to use anchor links to scroll to a sections when a link is clicked", 'avia_framework' )."<br/><br/>". __("Use with caution and make sure to only use allowed characters. No special characters can be used.", 'avia_framework' ), "id" => "id", "type" => "input", "std" => ""), array( "id" => "av_element_hidden_in_editor", "type" => "hidden", "std" => "0"), array( "type" => "close_div", 'nodescription' => true ), array( "type" => "tab", "name" => __("Screen Options",'avia_framework' ), 'nodescription' => true ), array( "name" => __("Mobile Breaking Point",'avia_framework' ), "desc" => __("Set the screen width when cells in this row should switch to full width", 'avia_framework' ), "type" => "heading", "description_class" => "av-builder-note av-neutral", ), array( "name" => __("Fullwidth Break Point", 'avia_framework' ), "desc" => __("The cells in this row will switch to fullwidth at this screen width ", 'avia_framework' ), "id" => "mobile_breaking", "type" => "select", "std" => "", "subtype" => array( __('On mobile devices (at a screen width of 767px or lower)','avia_framework' ) =>'', __('On tablets (at a screen width of 989px or lower)', 'avia_framework' ) =>'av-break-at-tablet', ) ), array( "name" => __("Element Visibility",'avia_framework' ), "desc" => __("Set the visibility for this element, based on the device screensize.", 'avia_framework' ), "type" => "heading", "description_class" => "av-builder-note av-neutral", ), array( "desc" => __("Hide on large screens (wider than 990px - eg: Desktop)", 'avia_framework'), "id" => "av-desktop-hide", "std" => "", "container_class" => 'av-multi-checkbox', "type" => "checkbox"), array( "desc" => __("Hide on medium sized screens (between 768px and 989px - eg: Tablet Landscape)", 'avia_framework'), "id" => "av-medium-hide", "std" => "", "container_class" => 'av-multi-checkbox', "type" => "checkbox"), array( "desc" => __("Hide on small screens (between 480px and 767px - eg: Tablet Portrait)", 'avia_framework'), "id" => "av-small-hide", "std" => "", "container_class" => 'av-multi-checkbox', "type" => "checkbox"), array( "desc" => __("Hide on very small screens (smaller than 479px - eg: Smartphone Portrait)", 'avia_framework'), "id" => "av-mini-hide", "std" => "", "container_class" => 'av-multi-checkbox', "type" => "checkbox"), array( "type" => "close_div", 'nodescription' => true ), array( "type" => "close_div", 'nodescription' => true ), array( "type" => "close_div", 'nodescription' => true ), ); } /** * 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(AviaHelper::av_mobile_sizes($atts)); //return $av_font_classes, $av_title_font_classes and $av_display_classes $atts = shortcode_atts( array( 'color' => 'main_color', 'border' => '', 'min_height' => '0', 'min_height_percent' => '', 'min_height_pc' => 25, 'mobile' => 'av-flex-cells', 'mobile_breaking' => '', 'id' => '' ), $atts, $this->config['shortcode'] ); if( 'percent' == $atts['min_height_percent'] ) { $atts['min_height_percent'] = $atts['min_height_pc']; } extract( $atts ); $output = ''; $params = array(); $params['class'] = "av-layout-grid-container entry-content-wrapper {$color} {$mobile} {$mobile_breaking} {$av_display_classes} {$border} {$meta['el_class']}"; $params['open_structure'] = false; $params['custom_markup'] = $meta['custom_markup']; $params['data'] = ''; if( $min_height_percent != '' ) { $params['class'] .= " av-cell-min-height av-cell-min-height-{$min_height_percent}"; $params['data'] .= " data-av_minimum_height_pc='{$min_height_percent}'"; } //we dont need a closing structure if the element is the first one or if a previous fullwidth element was displayed before if(isset($meta['index']) && $meta['index'] == 0) $params['close'] = false; if(!empty($meta['siblings']['prev']['tag']) && in_array($meta['siblings']['prev']['tag'], AviaBuilder::$full_el_no_section )) $params['close'] = false; if(isset($meta['index']) && $meta['index'] > 0) $params['class'] .= " submenu-not-first"; avia_sc_cell::$attr = $atts; //$output .= avia_new_section($params); $output .= "<div style='clear:both'></div><div class='nocontentwidth'>"; $output .= ShortcodeHelper::avia_remove_autop($content,true) ; //$output .= avia_section_after_element_content( $meta , 'after_submenu_' . avia_sc_grid_row_nofullwidth::$count, false); $output .= "</div> <style>.nocontentwidth .flex_cell.avia-builder-el-first { padding-left: 0px; } .nocontentwidth .flex_cell.avia-builder-el-last { padding-right: 0px; }</style> <div style='clear:both'></div>"; // added to fix https://kriesi.at/support/topic/footer-disseapearing/#post-427764 avia_sc_section::$close_overlay = ""; return $output; } } }The new element is visible in the Layout Section of the Visual Builder.
Hi there,
I already have some code (provided originally by you guys – thank you) added to the bottom of the theme’s functions.php file to help prevent this, which works great:
function remove_title_attr(){
?>
<script>
jQuery(window).load(function(){
jQuery(‘a’).removeAttr(‘title’);
jQuery(‘img’).removeAttr(‘title’);
});
</script>
<?php
}
add_action(‘wp_footer’, ‘remove_title_attr’);However, it stops hiding the title showing in the tooltip when in Masonry Galleries, once the LOAD MORE option is used.
Is there an alternative piece of code, or something I can add to the existing, or even some QUICK CSS that I can use to hide these please?
Many thanks, as always
Steve :-)(example page in private content)




